@dnb/eufemia 9.23.1 → 9.24.0

package/cjs/style/themes/theme-open-banking/dnb-theme-open-banking.css

@@ -3309,6 +3309,10 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
   background-color: #f2f4ec;
   background-color: var(--color-pistachio); }
 
+.dnb-form-status--marketing .dnb-form-status__shell {
+  background-color: #f2f2f5;
+  background-color: var(--color-lavender); }
+
 .dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text {
   color: #333;
   color: var(--color-black-80); }
@@ -3349,6 +3353,18 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
       -webkit-box-shadow: 0 0 0 0.0625rem var(--color-sea-green);
               box-shadow: 0 0 0 0.0625rem var(--color-sea-green); } }
 
+.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell {
+  --border-color: var(--color-black-55);
+  -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+          box-shadow: 0 0 0 0.0625rem var(--border-color);
+  border-color: transparent; }
+  @media screen and (-ms-high-contrast: none) {
+    .dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell {
+      -webkit-box-shadow: 0 0 0 0.0625rem #737373;
+              box-shadow: 0 0 0 0.0625rem #737373;
+      -webkit-box-shadow: 0 0 0 0.0625rem var(--color-black-55);
+              box-shadow: 0 0 0 0.0625rem var(--color-black-55); } }
+
 .dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell,
 .dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell {
   -webkit-animation: attention-focus 2s ease-in-out 1 200ms;

package/cjs/style/themes/theme-open-banking/dnb-theme-open-banking.min.css

@@ -5,7 +5,7 @@
 .dnb-drawer-list__option--selected
 .dnb-drawer-list__option__item:nth-of-type(n+2){color:#fff;color:var(--color-white)}.dnb-avatar,.dnb-avatar svg{color:#f2f4ec;color:var(--color-pistachio)}.dnb-avatar svg{fill:#f2f4ec;fill:var(--color-pistachio)}.dnb-avatar--primary{background-color:#14555a;background-color:var(--color-emerald-green)}.dnb-avatar--secondary{background-color:#f0f;background-color:var(--color-sea-green)}.dnb-avatar--tertiary{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#14555a;color:var(--color-emerald-green)}.dnb-avatar--tertiary svg{fill:#14555a;fill:var(--color-emerald-green);color:#14555a;color:var(--color-emerald-green)}.dnb-checkbox__gfx{-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out}.dnb-checkbox__input:checked~.dnb-checkbox__gfx,.dnb-checkbox__input[data-checked=true]~.dnb-checkbox__gfx{color:#fff;color:var(--color-white);opacity:1;-webkit-transform:scale(1);transform:scale(1)}.dnb-checkbox__input:checked~.dnb-checkbox__button,.dnb-checkbox__input[data-checked=true]~.dnb-checkbox__button{background-color:#f0f;background-color:var(--color-sea-green)}.dnb-checkbox__input:not(:checked):not([data-checked=true])~.dnb-checkbox__gfx{color:#f0f;color:var(--color-sea-green);opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}.dnb-checkbox__input:not(:checked):not([data-checked=true])~.dnb-checkbox__button{background-color:#fff;background-color:var(--color-white);border-color:#f0f;border-color:var(--color-sea-green)}.dnb-checkbox__input[disabled]:checked~.dnb-checkbox__button,.dnb-checkbox__input[disabled][data-checked=true]~.dnb-checkbox__button{background-color:#b3dada;background-color:var(--color-sea-green-30);border-color:transparent}.dnb-checkbox__input[disabled]:not(:checked):not([data-checked=true])~.dnb-checkbox__button{border-color:#d2f0e9;border-color:var(--color-mint-green-50)}.dnb-checkbox__input:not([disabled]):checked:active~.dnb-checkbox__button,.dnb-checkbox__input:not([disabled]):not([data-checked=true]):active~.dnb-checkbox__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border-color:transparent}.dnb-checkbox__input:not([disabled]):checked:active~.dnb-checkbox__gfx,.dnb-checkbox__input:not([disabled])[data-checked=true]:active~.dnb-checkbox__gfx{color:#fff;color:var(--color-white)}.dnb-checkbox__input:not([disabled]):not(:focus):hover~.dnb-checkbox__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-checkbox__input:not([disabled]):not(:focus):checked:hover~.dnb-checkbox__button,.dnb-checkbox__input:not([disabled]):not(:focus)[data-checked=true]:hover~.dnb-checkbox__button{border-color:transparent}.dnb-checkbox__input:not([disabled]):not(:focus):hover~.dnb-checkbox__gfx{color:#f0f;color:var(--color-sea-green)}html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border:none}html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__gfx{color:#f0f;color:var(--color-sea-green)}.dnb-checkbox__input:not([disabled]):active~.dnb-checkbox__button .dnb-checkbox__focus,.dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__button .dnb-checkbox__focus{display:block}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button{border:none}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button .dnb-checkbox__focus{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color);display:block}@media screen and (-ms-high-contrast:none){.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button .dnb-checkbox__focus{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__button{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__button[data-checked=true]{border-color:#dc2a2a;border-color:var(--color-fire-red)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)~.dnb-checkbox__button{border-color:#fdeeee;border-color:var(--color-fire-red-8)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked~.dnb-checkbox__button,.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked=true]~.dnb-checkbox__button{background-color:#dc2a2a;background-color:var(--color-fire-red)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__gfx{color:#dc2a2a;color:var(--color-fire-red)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)~.dnb-checkbox__gfx{color:#fdeeee;color:var(--color-fire-red-8)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input~.dnb-date-picker--separator{color:#737373;color:var(--color-black-55)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="0"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="0"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="1"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="1"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="2"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="2"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="3"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="3"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="4"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="4"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="5"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="5"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="6"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="6"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="7"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="7"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="8"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="8"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="9"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="9"]:not([data-input-state=disabled])~.dnb-date-picker--separator{color:#000;color:var(--color-black)}.dnb-date-picker__container{background-color:#fff;background-color:var(--color-white);border-radius:.25rem;-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default)}.dnb-date-picker__addon:after,.dnb-date-picker__calendar:after,.dnb-date-picker__header:after{background-color:#ebebeb;background-color:var(--color-black-8)}.dnb-date-picker__header__nav .dnb-button{-webkit-box-shadow:none;box-shadow:none}.dnb-date-picker__header__title{font-size:1.125rem;font-size:var(--font-size-basis);text-align:center}.dnb-date-picker__header__title,.dnb-date-picker__labels__day{color:#333;color:var(--color-black-80);font-weight:500;font-weight:var(--font-weight-medium);text-transform:capitalize}.dnb-date-picker__day,.dnb-date-picker__labels__day{text-align:center}.dnb-date-picker__day--today .dnb-button{font-weight:500;font-weight:var(--font-weight-medium)}.dnb-date-picker__day--inactive .dnb-button,.dnb-date-picker__day--preview .dnb-button,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover){background-color:transparent}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date),.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date){background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button{background-color:#14555a;background-color:var(--color-emerald-green);color:#e9f8f4;color:var(--color-mint-green-25)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover{-webkit-box-shadow:none;box-shadow:none}html:not([data-whatintent=touch])
 .dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch])
-.dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:#14555a;background-color:var(--color-emerald-green);color:#e9f8f4;color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:#737373;color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{-webkit-box-shadow:none;box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #f0f;box-shadow:0 0 0 .125rem #f0f;-webkit-box-shadow:0 0 0 .125rem var(--color-sea-green);box-shadow:0 0 0 .125rem var(--color-sea-green)}}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:#f0f;background-color:var(--color-sea-green);color:#fff;color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:#fff;background-color:var(--color-white);border:none;-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default)}.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-dialog{background:#fff;background:var(--color-white)}.dnb-dialog__root:after{background-color:var(--modal-background-color)}.dnb-drawer{background:#fff;background:var(--color-white)}.dnb-drawer__root:after{background-color:var(--modal-background-color)}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover:not([disabled]){color:#14555a;color:var(--color-emerald-green)}.dnb-dropdown__trigger[disabled]{background-color:#f8f8f8;background-color:var(--color-black-3);color:#737373;color:var(--color-black-55)}.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary){--border-color:var(--color-black-55);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary){-webkit-box-shadow:0 0 0 .0625rem #737373;box-shadow:0 0 0 .0625rem #737373;-webkit-box-shadow:0 0 0 .0625rem var(--color-black-55);box-shadow:0 0 0 .0625rem var(--color-black-55)}}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{-webkit-box-shadow:0 0 0 .0625rem #dc2a2a;box-shadow:0 0 0 .0625rem #dc2a2a;-webkit-box-shadow:0 0 0 .0625rem var(--color-fire-red);box-shadow:0 0 0 .0625rem var(--color-fire-red)}}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color);color:#dc2a2a;color:var(--color-fire-red)}@media screen and (-ms-high-contrast:none){html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) .dnb-dropdown__icon .dnb-icon{color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled],html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled]{cursor:not-allowed}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]){background-color:#fdeeee;background-color:var(--color-fire-red-8);color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__icon,.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown>.dnb-form-status{-webkit-transform:translateY(-.4375rem);transform:translateY(-.4375rem)}.dnb-form-label{color:#333;color:var(--color-black-80)}.dnb-form-label[for]:not([disabled]):hover{color:#f0f;color:var(--color-sea-green)}.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default>.dnb-form-label,.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium>.dnb-form-label{max-width:20rem;width:30vw}@media screen and (max-width:40em){.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default>.dnb-form-label,.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium>.dnb-form-label{width:auto}}.dnb-form-status__shell{color:#333;color:var(--color-black-80);font-size:1rem;font-size:var(--font-size-small)}.dnb-form-status--error .dnb-form-status__shell{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-form-status--error .dnb-form-status__shell>.dnb-icon{border:none;color:#dc2a2a;color:var(--color-fire-red)}.dnb-form-status--warn .dnb-form-status__shell{background-color:#fbf6ec;background-color:var(--color-sand-yellow)}.dnb-form-status--info .dnb-form-status__shell{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text{color:#333;color:var(--color-black-80)}.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #dc2a2a;box-shadow:0 0 0 .0625rem #dc2a2a;-webkit-box-shadow:0 0 0 .0625rem var(--color-fire-red);box-shadow:0 0 0 .0625rem var(--color-fire-red)}}.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--color-accent-yellow);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #fdbb31;box-shadow:0 0 0 .0625rem #fdbb31;-webkit-box-shadow:0 0 0 .0625rem var(--color-accent-yellow);box-shadow:0 0 0 .0625rem var(--color-accent-yellow)}}.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{--border-color:var(--color-sea-green);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #f0f;box-shadow:0 0 0 .0625rem #f0f;-webkit-box-shadow:0 0 0 .0625rem var(--color-sea-green);box-shadow:0 0 0 .0625rem var(--color-sea-green)}}.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell>.dnb-icon,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell>.dnb-icon{-webkit-animation:attention-focus 2s ease-in-out .2s 1;animation:attention-focus 2s ease-in-out .2s 1}@-webkit-keyframes attention-focus{0%,to{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#dc2a2a;color:var(--color-fire-red)}35%{background-color:#dc2a2a;background-color:var(--color-fire-red);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#fff;color:var(--color-white)}}@keyframes attention-focus{0%,to{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#dc2a2a;color:var(--color-fire-red)}35%{background-color:#dc2a2a;background-color:var(--color-fire-red);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#fff;color:var(--color-white)}}.dnb-global-status:not(.dnb-global-status--no-animation).dnb-global-status--fade-in.dnb-global-status.dnb-section:after{-webkit-box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 #333,100vw .0625rem 0 0 #333;box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 #333,100vw .0625rem 0 0 #333;-webkit-box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 var(--color-black-80),100vw .0625rem 0 0 var(--color-black-80);box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 var(--color-black-80),100vw .0625rem 0 0 var(--color-black-80)}.dnb-global-status__icon{font-size:1rem}.dnb-global-status__message__content{color:#333;color:var(--color-black-80)}.dnb-global-status__message.dnb-section--white ::-moz-selection{background-color:#a5e1d2;background-color:var(--color-mint-green)}.dnb-global-status__message.dnb-section--white ::selection{background-color:#a5e1d2;background-color:var(--color-mint-green)}.dnb-global-status__content .dnb-hr{color:#dc2a2a;color:var(--color-fire-red)}.dnb-global-status--info .dnb-global-status__content .dnb-hr{color:#f0f;color:var(--color-sea-green)}.dnb-icon--border{position:relative;vertical-align:baseline}.dnb-icon--border:after{border:.0875rem solid;border-radius:50%;bottom:-25%;content:"";left:-25%;margin:auto;position:absolute;right:-25%;top:-25%}.dnb-input{color:#000;color:var(--color-black)}.dnb-input__inner{color:inherit}.dnb-input__shell{--border-color:var(--color-sea-green);background-color:#fff;background-color:var(--color-white);border:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);-webkit-box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);color:inherit}@supports (-webkit-touch-callout:none){.dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}}@media screen and (-ms-high-contrast:none){.dnb-input__shell{-webkit-box-shadow:inset 0 0 0 1px #f0f;box-shadow:inset 0 0 0 1px #f0f;-webkit-box-shadow:inset 0 0 0 1px var(--color-sea-green);box-shadow:inset 0 0 0 1px var(--color-sea-green)}}.dnb-input__icon{color:#f0f;color:var(--color-sea-green)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentColor;--border-color:var(--color-black-55);background-color:#f8f8f8;background-color:var(--color-black-3);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);-webkit-box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon{color:#737373;color:var(--color-black-55)}@supports (-webkit-touch-callout:none){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}}@media screen and (-ms-high-contrast:none){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:inset 0 0 0 1px #737373;box-shadow:inset 0 0 0 1px #737373;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-55);box-shadow:inset 0 0 0 1px var(--color-black-55)}}.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{--border-color:var(--color-sea-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #f0f;box-shadow:0 0 0 .125rem #f0f;-webkit-box-shadow:0 0 0 .125rem var(--color-sea-green);box-shadow:0 0 0 .125rem var(--color-sea-green)}}.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-input__status--error.dnb-input:not([data-input-state=focus]) .dnb-input__shell{color:#dc2a2a;color:var(--color-fire-red)}.dnb-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem #dc2a2a;box-shadow:0 0 0 .0625rem #dc2a2a;-webkit-box-shadow:0 0 0 .0625rem var(--color-fire-red);box-shadow:0 0 0 .0625rem var(--color-fire-red)}}.dnb-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}html:not([data-whatintent=touch])
+.dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:#14555a;background-color:var(--color-emerald-green);color:#e9f8f4;color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:#737373;color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{-webkit-box-shadow:none;box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #f0f;box-shadow:0 0 0 .125rem #f0f;-webkit-box-shadow:0 0 0 .125rem var(--color-sea-green);box-shadow:0 0 0 .125rem var(--color-sea-green)}}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:#f0f;background-color:var(--color-sea-green);color:#fff;color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:#fff;background-color:var(--color-white);border:none;-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default)}.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-dialog{background:#fff;background:var(--color-white)}.dnb-dialog__root:after{background-color:var(--modal-background-color)}.dnb-drawer{background:#fff;background:var(--color-white)}.dnb-drawer__root:after{background-color:var(--modal-background-color)}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover:not([disabled]){color:#14555a;color:var(--color-emerald-green)}.dnb-dropdown__trigger[disabled]{background-color:#f8f8f8;background-color:var(--color-black-3);color:#737373;color:var(--color-black-55)}.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary){--border-color:var(--color-black-55);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary){-webkit-box-shadow:0 0 0 .0625rem #737373;box-shadow:0 0 0 .0625rem #737373;-webkit-box-shadow:0 0 0 .0625rem var(--color-black-55);box-shadow:0 0 0 .0625rem var(--color-black-55)}}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{-webkit-box-shadow:0 0 0 .0625rem #dc2a2a;box-shadow:0 0 0 .0625rem #dc2a2a;-webkit-box-shadow:0 0 0 .0625rem var(--color-fire-red);box-shadow:0 0 0 .0625rem var(--color-fire-red)}}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color);color:#dc2a2a;color:var(--color-fire-red)}@media screen and (-ms-high-contrast:none){html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) .dnb-dropdown__icon .dnb-icon{color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled],html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled]{cursor:not-allowed}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]){background-color:#fdeeee;background-color:var(--color-fire-red-8);color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__icon,.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown>.dnb-form-status{-webkit-transform:translateY(-.4375rem);transform:translateY(-.4375rem)}.dnb-form-label{color:#333;color:var(--color-black-80)}.dnb-form-label[for]:not([disabled]):hover{color:#f0f;color:var(--color-sea-green)}.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default>.dnb-form-label,.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium>.dnb-form-label{max-width:20rem;width:30vw}@media screen and (max-width:40em){.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default>.dnb-form-label,.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium>.dnb-form-label{width:auto}}.dnb-form-status__shell{color:#333;color:var(--color-black-80);font-size:1rem;font-size:var(--font-size-small)}.dnb-form-status--error .dnb-form-status__shell{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-form-status--error .dnb-form-status__shell>.dnb-icon{border:none;color:#dc2a2a;color:var(--color-fire-red)}.dnb-form-status--warn .dnb-form-status__shell{background-color:#fbf6ec;background-color:var(--color-sand-yellow)}.dnb-form-status--info .dnb-form-status__shell{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-form-status--marketing .dnb-form-status__shell{background-color:#f2f2f5;background-color:var(--color-lavender)}.dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text{color:#333;color:var(--color-black-80)}.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #dc2a2a;box-shadow:0 0 0 .0625rem #dc2a2a;-webkit-box-shadow:0 0 0 .0625rem var(--color-fire-red);box-shadow:0 0 0 .0625rem var(--color-fire-red)}}.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--color-accent-yellow);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #fdbb31;box-shadow:0 0 0 .0625rem #fdbb31;-webkit-box-shadow:0 0 0 .0625rem var(--color-accent-yellow);box-shadow:0 0 0 .0625rem var(--color-accent-yellow)}}.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{--border-color:var(--color-sea-green);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #f0f;box-shadow:0 0 0 .0625rem #f0f;-webkit-box-shadow:0 0 0 .0625rem var(--color-sea-green);box-shadow:0 0 0 .0625rem var(--color-sea-green)}}.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell{--border-color:var(--color-black-55);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #737373;box-shadow:0 0 0 .0625rem #737373;-webkit-box-shadow:0 0 0 .0625rem var(--color-black-55);box-shadow:0 0 0 .0625rem var(--color-black-55)}}.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell>.dnb-icon,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell>.dnb-icon{-webkit-animation:attention-focus 2s ease-in-out .2s 1;animation:attention-focus 2s ease-in-out .2s 1}@-webkit-keyframes attention-focus{0%,to{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#dc2a2a;color:var(--color-fire-red)}35%{background-color:#dc2a2a;background-color:var(--color-fire-red);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#fff;color:var(--color-white)}}@keyframes attention-focus{0%,to{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#dc2a2a;color:var(--color-fire-red)}35%{background-color:#dc2a2a;background-color:var(--color-fire-red);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#fff;color:var(--color-white)}}.dnb-global-status:not(.dnb-global-status--no-animation).dnb-global-status--fade-in.dnb-global-status.dnb-section:after{-webkit-box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 #333,100vw .0625rem 0 0 #333;box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 #333,100vw .0625rem 0 0 #333;-webkit-box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 var(--color-black-80),100vw .0625rem 0 0 var(--color-black-80);box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 var(--color-black-80),100vw .0625rem 0 0 var(--color-black-80)}.dnb-global-status__icon{font-size:1rem}.dnb-global-status__message__content{color:#333;color:var(--color-black-80)}.dnb-global-status__message.dnb-section--white ::-moz-selection{background-color:#a5e1d2;background-color:var(--color-mint-green)}.dnb-global-status__message.dnb-section--white ::selection{background-color:#a5e1d2;background-color:var(--color-mint-green)}.dnb-global-status__content .dnb-hr{color:#dc2a2a;color:var(--color-fire-red)}.dnb-global-status--info .dnb-global-status__content .dnb-hr{color:#f0f;color:var(--color-sea-green)}.dnb-icon--border{position:relative;vertical-align:baseline}.dnb-icon--border:after{border:.0875rem solid;border-radius:50%;bottom:-25%;content:"";left:-25%;margin:auto;position:absolute;right:-25%;top:-25%}.dnb-input{color:#000;color:var(--color-black)}.dnb-input__inner{color:inherit}.dnb-input__shell{--border-color:var(--color-sea-green);background-color:#fff;background-color:var(--color-white);border:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);-webkit-box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);color:inherit}@supports (-webkit-touch-callout:none){.dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}}@media screen and (-ms-high-contrast:none){.dnb-input__shell{-webkit-box-shadow:inset 0 0 0 1px #f0f;box-shadow:inset 0 0 0 1px #f0f;-webkit-box-shadow:inset 0 0 0 1px var(--color-sea-green);box-shadow:inset 0 0 0 1px var(--color-sea-green)}}.dnb-input__icon{color:#f0f;color:var(--color-sea-green)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentColor;--border-color:var(--color-black-55);background-color:#f8f8f8;background-color:var(--color-black-3);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);-webkit-box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon{color:#737373;color:var(--color-black-55)}@supports (-webkit-touch-callout:none){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}}@media screen and (-ms-high-contrast:none){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:inset 0 0 0 1px #737373;box-shadow:inset 0 0 0 1px #737373;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-55);box-shadow:inset 0 0 0 1px var(--color-black-55)}}.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{--border-color:var(--color-sea-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #f0f;box-shadow:0 0 0 .125rem #f0f;-webkit-box-shadow:0 0 0 .125rem var(--color-sea-green);box-shadow:0 0 0 .125rem var(--color-sea-green)}}.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-input__status--error.dnb-input:not([data-input-state=focus]) .dnb-input__shell{color:#dc2a2a;color:var(--color-fire-red)}.dnb-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem #dc2a2a;box-shadow:0 0 0 .0625rem #dc2a2a;-webkit-box-shadow:0 0 0 .0625rem var(--color-fire-red);box-shadow:0 0 0 .0625rem var(--color-fire-red)}}.dnb-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}html:not([data-whatintent=touch])
 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):focus,html:not([data-whatintent=touch])
 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):focus:after,html:not([data-whatintent=touch])
 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):hover,html:not([data-whatintent=touch])

package/cjs/style/themes/theme-ui/dnb-theme-ui.css

@@ -3295,6 +3295,10 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
   background-color: #f2f4ec;
   background-color: var(--color-pistachio); }
 
+.dnb-form-status--marketing .dnb-form-status__shell {
+  background-color: #f2f2f5;
+  background-color: var(--color-lavender); }
+
 .dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text {
   color: #333;
   color: var(--color-black-80); }
@@ -3335,6 +3339,18 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
       -webkit-box-shadow: 0 0 0 0.0625rem var(--color-sea-green);
               box-shadow: 0 0 0 0.0625rem var(--color-sea-green); } }
 
+.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell {
+  --border-color: var(--color-black-55);
+  -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+          box-shadow: 0 0 0 0.0625rem var(--border-color);
+  border-color: transparent; }
+  @media screen and (-ms-high-contrast: none) {
+    .dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell {
+      -webkit-box-shadow: 0 0 0 0.0625rem #737373;
+              box-shadow: 0 0 0 0.0625rem #737373;
+      -webkit-box-shadow: 0 0 0 0.0625rem var(--color-black-55);
+              box-shadow: 0 0 0 0.0625rem var(--color-black-55); } }
+
 .dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell,
 .dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell {
   -webkit-animation: attention-focus 2s ease-in-out 1 200ms;

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

@@ -17,7 +17,7 @@
 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active:after{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}html:not([data-whatintent=touch])
 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text)[disabled]{background-color:#f8f8f8;background-color:var(--color-black-3);color:#737373;color:var(--color-black-55)}.dnb-checkbox__gfx{-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out}.dnb-checkbox__input:checked~.dnb-checkbox__gfx,.dnb-checkbox__input[data-checked=true]~.dnb-checkbox__gfx{color:#fff;color:var(--color-white);opacity:1;-webkit-transform:scale(1);transform:scale(1)}.dnb-checkbox__input:checked~.dnb-checkbox__button,.dnb-checkbox__input[data-checked=true]~.dnb-checkbox__button{background-color:#007272;background-color:var(--color-sea-green)}.dnb-checkbox__input:not(:checked):not([data-checked=true])~.dnb-checkbox__gfx{color:#007272;color:var(--color-sea-green);opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}.dnb-checkbox__input:not(:checked):not([data-checked=true])~.dnb-checkbox__button{background-color:#fff;background-color:var(--color-white);border-color:#007272;border-color:var(--color-sea-green)}.dnb-checkbox__input[disabled]:checked~.dnb-checkbox__button,.dnb-checkbox__input[disabled][data-checked=true]~.dnb-checkbox__button{background-color:#b3dada;background-color:var(--color-sea-green-30);border-color:transparent}.dnb-checkbox__input[disabled]:not(:checked):not([data-checked=true])~.dnb-checkbox__button{border-color:#d2f0e9;border-color:var(--color-mint-green-50)}.dnb-checkbox__input:not([disabled]):checked:active~.dnb-checkbox__button,.dnb-checkbox__input:not([disabled]):not([data-checked=true]):active~.dnb-checkbox__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border-color:transparent}.dnb-checkbox__input:not([disabled]):checked:active~.dnb-checkbox__gfx,.dnb-checkbox__input:not([disabled])[data-checked=true]:active~.dnb-checkbox__gfx{color:#fff;color:var(--color-white)}.dnb-checkbox__input:not([disabled]):not(:focus):hover~.dnb-checkbox__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-checkbox__input:not([disabled]):not(:focus):checked:hover~.dnb-checkbox__button,.dnb-checkbox__input:not([disabled]):not(:focus)[data-checked=true]:hover~.dnb-checkbox__button{border-color:transparent}.dnb-checkbox__input:not([disabled]):not(:focus):hover~.dnb-checkbox__gfx{color:#007272;color:var(--color-sea-green)}html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border:none}html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__gfx{color:#007272;color:var(--color-sea-green)}.dnb-checkbox__input:not([disabled]):active~.dnb-checkbox__button .dnb-checkbox__focus,.dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__button .dnb-checkbox__focus{display:block}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button{border:none}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button .dnb-checkbox__focus{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color);display:block}@media screen and (-ms-high-contrast:none){.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button .dnb-checkbox__focus{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__button{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__button[data-checked=true]{border-color:#dc2a2a;border-color:var(--color-fire-red)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)~.dnb-checkbox__button{border-color:#fdeeee;border-color:var(--color-fire-red-8)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked~.dnb-checkbox__button,.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked=true]~.dnb-checkbox__button{background-color:#dc2a2a;background-color:var(--color-fire-red)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__gfx{color:#dc2a2a;color:var(--color-fire-red)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)~.dnb-checkbox__gfx{color:#fdeeee;color:var(--color-fire-red-8)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input~.dnb-date-picker--separator{color:#737373;color:var(--color-black-55)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="0"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="0"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="1"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="1"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="2"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="2"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="3"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="3"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="4"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="4"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="5"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="5"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="6"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="6"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="7"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="7"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="8"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="8"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="9"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="9"]:not([data-input-state=disabled])~.dnb-date-picker--separator{color:#000;color:var(--color-black)}.dnb-date-picker__container{background-color:#fff;background-color:var(--color-white);border-radius:.25rem;-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default)}.dnb-date-picker__addon:after,.dnb-date-picker__calendar:after,.dnb-date-picker__header:after{background-color:#ebebeb;background-color:var(--color-black-8)}.dnb-date-picker__header__nav .dnb-button{-webkit-box-shadow:none;box-shadow:none}.dnb-date-picker__header__title{font-size:1.125rem;font-size:var(--font-size-basis);text-align:center}.dnb-date-picker__header__title,.dnb-date-picker__labels__day{color:#333;color:var(--color-black-80);font-weight:500;font-weight:var(--font-weight-medium);text-transform:capitalize}.dnb-date-picker__day,.dnb-date-picker__labels__day{text-align:center}.dnb-date-picker__day--today .dnb-button{font-weight:500;font-weight:var(--font-weight-medium)}.dnb-date-picker__day--inactive .dnb-button,.dnb-date-picker__day--preview .dnb-button,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover){background-color:transparent}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date),.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date){background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button{background-color:#14555a;background-color:var(--color-emerald-green);color:#e9f8f4;color:var(--color-mint-green-25)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover{-webkit-box-shadow:none;box-shadow:none}html:not([data-whatintent=touch])
 .dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch])
-.dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:#14555a;background-color:var(--color-emerald-green);color:#e9f8f4;color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:#737373;color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{-webkit-box-shadow:none;box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #007272;box-shadow:0 0 0 .125rem #007272;-webkit-box-shadow:0 0 0 .125rem var(--color-sea-green);box-shadow:0 0 0 .125rem var(--color-sea-green)}}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:#007272;background-color:var(--color-sea-green);color:#fff;color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:#fff;background-color:var(--color-white);border:none;-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default)}.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-dialog{background:#fff;background:var(--color-white)}.dnb-dialog__root:after{background-color:var(--modal-background-color)}.dnb-drawer{background:#fff;background:var(--color-white)}.dnb-drawer__root:after{background-color:var(--modal-background-color)}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover:not([disabled]){color:#14555a;color:var(--color-emerald-green)}.dnb-dropdown__trigger[disabled]{background-color:#f8f8f8;background-color:var(--color-black-3);color:#737373;color:var(--color-black-55)}.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary){--border-color:var(--color-black-55);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary){-webkit-box-shadow:0 0 0 .0625rem #737373;box-shadow:0 0 0 .0625rem #737373;-webkit-box-shadow:0 0 0 .0625rem var(--color-black-55);box-shadow:0 0 0 .0625rem var(--color-black-55)}}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{-webkit-box-shadow:0 0 0 .0625rem #dc2a2a;box-shadow:0 0 0 .0625rem #dc2a2a;-webkit-box-shadow:0 0 0 .0625rem var(--color-fire-red);box-shadow:0 0 0 .0625rem var(--color-fire-red)}}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color);color:#dc2a2a;color:var(--color-fire-red)}@media screen and (-ms-high-contrast:none){html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) .dnb-dropdown__icon .dnb-icon{color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled],html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled]{cursor:not-allowed}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]){background-color:#fdeeee;background-color:var(--color-fire-red-8);color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__icon,.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown>.dnb-form-status{-webkit-transform:translateY(-.4375rem);transform:translateY(-.4375rem)}.dnb-form-label{color:#333;color:var(--color-black-80)}.dnb-form-label[for]:not([disabled]):hover{color:#007272;color:var(--color-sea-green)}.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default>.dnb-form-label,.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium>.dnb-form-label{max-width:20rem;width:30vw}@media screen and (max-width:40em){.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default>.dnb-form-label,.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium>.dnb-form-label{width:auto}}.dnb-form-status__shell{color:#333;color:var(--color-black-80);font-size:1rem;font-size:var(--font-size-small)}.dnb-form-status--error .dnb-form-status__shell{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-form-status--error .dnb-form-status__shell>.dnb-icon{border:none;color:#dc2a2a;color:var(--color-fire-red)}.dnb-form-status--warn .dnb-form-status__shell{background-color:#fbf6ec;background-color:var(--color-sand-yellow)}.dnb-form-status--info .dnb-form-status__shell{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text{color:#333;color:var(--color-black-80)}.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #dc2a2a;box-shadow:0 0 0 .0625rem #dc2a2a;-webkit-box-shadow:0 0 0 .0625rem var(--color-fire-red);box-shadow:0 0 0 .0625rem var(--color-fire-red)}}.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--color-accent-yellow);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #fdbb31;box-shadow:0 0 0 .0625rem #fdbb31;-webkit-box-shadow:0 0 0 .0625rem var(--color-accent-yellow);box-shadow:0 0 0 .0625rem var(--color-accent-yellow)}}.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{--border-color:var(--color-sea-green);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #007272;box-shadow:0 0 0 .0625rem #007272;-webkit-box-shadow:0 0 0 .0625rem var(--color-sea-green);box-shadow:0 0 0 .0625rem var(--color-sea-green)}}.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell>.dnb-icon,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell>.dnb-icon{-webkit-animation:attention-focus 2s ease-in-out .2s 1;animation:attention-focus 2s ease-in-out .2s 1}@-webkit-keyframes attention-focus{0%,to{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#dc2a2a;color:var(--color-fire-red)}35%{background-color:#dc2a2a;background-color:var(--color-fire-red);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#fff;color:var(--color-white)}}@keyframes attention-focus{0%,to{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#dc2a2a;color:var(--color-fire-red)}35%{background-color:#dc2a2a;background-color:var(--color-fire-red);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#fff;color:var(--color-white)}}.dnb-global-status:not(.dnb-global-status--no-animation).dnb-global-status--fade-in.dnb-global-status.dnb-section:after{-webkit-box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 #333,100vw .0625rem 0 0 #333;box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 #333,100vw .0625rem 0 0 #333;-webkit-box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 var(--color-black-80),100vw .0625rem 0 0 var(--color-black-80);box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 var(--color-black-80),100vw .0625rem 0 0 var(--color-black-80)}.dnb-global-status__icon{font-size:1rem}.dnb-global-status__message__content{color:#333;color:var(--color-black-80)}.dnb-global-status__message.dnb-section--white ::-moz-selection{background-color:#a5e1d2;background-color:var(--color-mint-green)}.dnb-global-status__message.dnb-section--white ::selection{background-color:#a5e1d2;background-color:var(--color-mint-green)}.dnb-global-status__content .dnb-hr{color:#dc2a2a;color:var(--color-fire-red)}.dnb-global-status--info .dnb-global-status__content .dnb-hr{color:#007272;color:var(--color-sea-green)}.dnb-icon--border{position:relative;vertical-align:baseline}.dnb-icon--border:after{border:.0875rem solid;border-radius:50%;bottom:-25%;content:"";left:-25%;margin:auto;position:absolute;right:-25%;top:-25%}.dnb-input{color:#000;color:var(--color-black)}.dnb-input__inner{color:inherit}.dnb-input__shell{--border-color:var(--color-sea-green);background-color:#fff;background-color:var(--color-white);border:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);-webkit-box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);color:inherit}@supports (-webkit-touch-callout:none){.dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}}@media screen and (-ms-high-contrast:none){.dnb-input__shell{-webkit-box-shadow:inset 0 0 0 1px #007272;box-shadow:inset 0 0 0 1px #007272;-webkit-box-shadow:inset 0 0 0 1px var(--color-sea-green);box-shadow:inset 0 0 0 1px var(--color-sea-green)}}.dnb-input__icon{color:#007272;color:var(--color-sea-green)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentColor;--border-color:var(--color-black-55);background-color:#f8f8f8;background-color:var(--color-black-3);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);-webkit-box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon{color:#737373;color:var(--color-black-55)}@supports (-webkit-touch-callout:none){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}}@media screen and (-ms-high-contrast:none){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:inset 0 0 0 1px #737373;box-shadow:inset 0 0 0 1px #737373;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-55);box-shadow:inset 0 0 0 1px var(--color-black-55)}}.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{--border-color:var(--color-sea-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #007272;box-shadow:0 0 0 .125rem #007272;-webkit-box-shadow:0 0 0 .125rem var(--color-sea-green);box-shadow:0 0 0 .125rem var(--color-sea-green)}}.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-input__status--error.dnb-input:not([data-input-state=focus]) .dnb-input__shell{color:#dc2a2a;color:var(--color-fire-red)}.dnb-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem #dc2a2a;box-shadow:0 0 0 .0625rem #dc2a2a;-webkit-box-shadow:0 0 0 .0625rem var(--color-fire-red);box-shadow:0 0 0 .0625rem var(--color-fire-red)}}.dnb-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}html:not([data-whatintent=touch])
+.dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:#14555a;background-color:var(--color-emerald-green);color:#e9f8f4;color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:#737373;color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{-webkit-box-shadow:none;box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #007272;box-shadow:0 0 0 .125rem #007272;-webkit-box-shadow:0 0 0 .125rem var(--color-sea-green);box-shadow:0 0 0 .125rem var(--color-sea-green)}}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:#007272;background-color:var(--color-sea-green);color:#fff;color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:#fff;background-color:var(--color-white);border:none;-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default)}.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-dialog{background:#fff;background:var(--color-white)}.dnb-dialog__root:after{background-color:var(--modal-background-color)}.dnb-drawer{background:#fff;background:var(--color-white)}.dnb-drawer__root:after{background-color:var(--modal-background-color)}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover:not([disabled]){color:#14555a;color:var(--color-emerald-green)}.dnb-dropdown__trigger[disabled]{background-color:#f8f8f8;background-color:var(--color-black-3);color:#737373;color:var(--color-black-55)}.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary){--border-color:var(--color-black-55);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary){-webkit-box-shadow:0 0 0 .0625rem #737373;box-shadow:0 0 0 .0625rem #737373;-webkit-box-shadow:0 0 0 .0625rem var(--color-black-55);box-shadow:0 0 0 .0625rem var(--color-black-55)}}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{-webkit-box-shadow:0 0 0 .0625rem #dc2a2a;box-shadow:0 0 0 .0625rem #dc2a2a;-webkit-box-shadow:0 0 0 .0625rem var(--color-fire-red);box-shadow:0 0 0 .0625rem var(--color-fire-red)}}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color);color:#dc2a2a;color:var(--color-fire-red)}@media screen and (-ms-high-contrast:none){html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) .dnb-dropdown__icon .dnb-icon{color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled],html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled]{cursor:not-allowed}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]){background-color:#fdeeee;background-color:var(--color-fire-red-8);color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__icon,.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{color:#dc2a2a;color:var(--color-fire-red)}.dnb-dropdown>.dnb-form-status{-webkit-transform:translateY(-.4375rem);transform:translateY(-.4375rem)}.dnb-form-label{color:#333;color:var(--color-black-80)}.dnb-form-label[for]:not([disabled]):hover{color:#007272;color:var(--color-sea-green)}.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default>.dnb-form-label,.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium>.dnb-form-label{max-width:20rem;width:30vw}@media screen and (max-width:40em){.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default>.dnb-form-label,.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium>.dnb-form-label{width:auto}}.dnb-form-status__shell{color:#333;color:var(--color-black-80);font-size:1rem;font-size:var(--font-size-small)}.dnb-form-status--error .dnb-form-status__shell{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-form-status--error .dnb-form-status__shell>.dnb-icon{border:none;color:#dc2a2a;color:var(--color-fire-red)}.dnb-form-status--warn .dnb-form-status__shell{background-color:#fbf6ec;background-color:var(--color-sand-yellow)}.dnb-form-status--info .dnb-form-status__shell{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-form-status--marketing .dnb-form-status__shell{background-color:#f2f2f5;background-color:var(--color-lavender)}.dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text{color:#333;color:var(--color-black-80)}.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #dc2a2a;box-shadow:0 0 0 .0625rem #dc2a2a;-webkit-box-shadow:0 0 0 .0625rem var(--color-fire-red);box-shadow:0 0 0 .0625rem var(--color-fire-red)}}.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--color-accent-yellow);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #fdbb31;box-shadow:0 0 0 .0625rem #fdbb31;-webkit-box-shadow:0 0 0 .0625rem var(--color-accent-yellow);box-shadow:0 0 0 .0625rem var(--color-accent-yellow)}}.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{--border-color:var(--color-sea-green);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #007272;box-shadow:0 0 0 .0625rem #007272;-webkit-box-shadow:0 0 0 .0625rem var(--color-sea-green);box-shadow:0 0 0 .0625rem var(--color-sea-green)}}.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell{--border-color:var(--color-black-55);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell{-webkit-box-shadow:0 0 0 .0625rem #737373;box-shadow:0 0 0 .0625rem #737373;-webkit-box-shadow:0 0 0 .0625rem var(--color-black-55);box-shadow:0 0 0 .0625rem var(--color-black-55)}}.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell>.dnb-icon,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell>.dnb-icon{-webkit-animation:attention-focus 2s ease-in-out .2s 1;animation:attention-focus 2s ease-in-out .2s 1}@-webkit-keyframes attention-focus{0%,to{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#dc2a2a;color:var(--color-fire-red)}35%{background-color:#dc2a2a;background-color:var(--color-fire-red);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#fff;color:var(--color-white)}}@keyframes attention-focus{0%,to{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#dc2a2a;color:var(--color-fire-red)}35%{background-color:#dc2a2a;background-color:var(--color-fire-red);border-color:#dc2a2a;border-color:var(--color-fire-red);color:#fff;color:var(--color-white)}}.dnb-global-status:not(.dnb-global-status--no-animation).dnb-global-status--fade-in.dnb-global-status.dnb-section:after{-webkit-box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 #333,100vw .0625rem 0 0 #333;box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 #333,100vw .0625rem 0 0 #333;-webkit-box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 var(--color-black-80),100vw .0625rem 0 0 var(--color-black-80);box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 var(--color-black-80),100vw .0625rem 0 0 var(--color-black-80)}.dnb-global-status__icon{font-size:1rem}.dnb-global-status__message__content{color:#333;color:var(--color-black-80)}.dnb-global-status__message.dnb-section--white ::-moz-selection{background-color:#a5e1d2;background-color:var(--color-mint-green)}.dnb-global-status__message.dnb-section--white ::selection{background-color:#a5e1d2;background-color:var(--color-mint-green)}.dnb-global-status__content .dnb-hr{color:#dc2a2a;color:var(--color-fire-red)}.dnb-global-status--info .dnb-global-status__content .dnb-hr{color:#007272;color:var(--color-sea-green)}.dnb-icon--border{position:relative;vertical-align:baseline}.dnb-icon--border:after{border:.0875rem solid;border-radius:50%;bottom:-25%;content:"";left:-25%;margin:auto;position:absolute;right:-25%;top:-25%}.dnb-input{color:#000;color:var(--color-black)}.dnb-input__inner{color:inherit}.dnb-input__shell{--border-color:var(--color-sea-green);background-color:#fff;background-color:var(--color-white);border:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);-webkit-box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);color:inherit}@supports (-webkit-touch-callout:none){.dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}}@media screen and (-ms-high-contrast:none){.dnb-input__shell{-webkit-box-shadow:inset 0 0 0 1px #007272;box-shadow:inset 0 0 0 1px #007272;-webkit-box-shadow:inset 0 0 0 1px var(--color-sea-green);box-shadow:inset 0 0 0 1px var(--color-sea-green)}}.dnb-input__icon{color:#007272;color:var(--color-sea-green)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentColor;--border-color:var(--color-black-55);background-color:#f8f8f8;background-color:var(--color-black-3);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);-webkit-box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--border-color)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon{color:#737373;color:var(--color-black-55)}@supports (-webkit-touch-callout:none){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color);-webkit-box-shadow:0 0 0 var(--input-border-width) var(--border-color);box-shadow:0 0 0 var(--input-border-width) var(--border-color)}}}@media screen and (-ms-high-contrast:none){.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-box-shadow:inset 0 0 0 1px #737373;box-shadow:inset 0 0 0 1px #737373;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-55);box-shadow:inset 0 0 0 1px var(--color-black-55)}}.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{--border-color:var(--color-sea-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #007272;box-shadow:0 0 0 .125rem #007272;-webkit-box-shadow:0 0 0 .125rem var(--color-sea-green);box-shadow:0 0 0 .125rem var(--color-sea-green)}}.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-input__status--error.dnb-input:not([data-input-state=focus]) .dnb-input__shell{color:#dc2a2a;color:var(--color-fire-red)}.dnb-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{-webkit-box-shadow:0 0 0 .0625rem #dc2a2a;box-shadow:0 0 0 .0625rem #dc2a2a;-webkit-box-shadow:0 0 0 .0625rem var(--color-fire-red);box-shadow:0 0 0 .0625rem var(--color-fire-red)}}.dnb-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}html:not([data-whatintent=touch])
 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):focus,html:not([data-whatintent=touch])
 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):focus:after,html:not([data-whatintent=touch])
 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):hover,html:not([data-whatintent=touch])

package/components/avatar/Avatar.d.ts

@@ -46,16 +46,17 @@ export interface AvatarProps {
      * Default: primary.
      */
     variant?: AvatarVariants;
+    /**
+     * If an avatar is hidden from the screen reader (by setting aria-hidden="true") or if label is given, typical inside a table or dl (definition list), then you can disable Avatar.Group as a dependent of Avatar.
+     * Use `true` to omit the `Avatar group required:` warning.
+     * Default: null
+     */
+    hasLabel?: boolean;
 }
 export declare const defaultProps: {
-    alt: any;
-    className: any;
     size: string;
-    src: any;
-    imgProps: any;
     variant: string;
     skeleton: boolean;
-    children: any;
 };
 declare const Avatar: {
     (localProps: AvatarProps & ISpacingProps): JSX.Element;

package/components/avatar/Avatar.js

@@ -8,7 +8,7 @@ import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["alt", "className", "children", "size", "skeleton", "variant", "src", "imgProps"];
+var _excluded = ["alt", "className", "children", "size", "skeleton", "variant", "src", "imgProps", "hasLabel"];
 import "core-js/modules/es.array.concat.js";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -25,14 +25,9 @@ import { warn } from '../../shared/component-helper';
 import { usePropsWithContext } from '../../shared/hooks';
 import AvatarGroup, { AvatarGroupContext } from './AvatarGroup';
 export var defaultProps = {
-  alt: null,
-  className: null,
   size: 'medium',
-  src: null,
-  imgProps: null,
   variant: 'primary',
-  skeleton: false,
-  children: null
+  skeleton: false
 };
 
 var Avatar = function Avatar(localProps) {
@@ -48,6 +43,7 @@ var Avatar = function Avatar(localProps) {
       variant = _usePropsWithContext.variant,
       src = _usePropsWithContext.src,
       imgProps = _usePropsWithContext.imgProps,
+      hasLabel = _usePropsWithContext.hasLabel,
       props = _objectWithoutProperties(_usePropsWithContext, _excluded);
 
   var children = null;
@@ -72,7 +68,7 @@ var Avatar = function Avatar(localProps) {
     children = childrenProp;
   }
 
-  if (!avatarGroupContext) {
+  if (!avatarGroupContext && !hasLabel) {
     warn("Avatar group required: An Avatar requires an Avatar.Group with label description as a parent component. This is to ensure correct semantic and accessibility.");
   }
 

package/components/breadcrumb/Breadcrumb.d.ts

@@ -80,12 +80,7 @@ export interface BreadcrumbProps {
     spacing?: boolean;
 }
 export declare const defaultProps: {
-    className: any;
     skeleton: boolean;
-    children: any;
-    variant: any;
-    onClick: any;
-    href: any;
     navText: string;
     goBackText: string;
     homeText: string;
@@ -93,7 +88,6 @@ export declare const defaultProps: {
     isCollapsed: boolean;
     styleType: string;
     collapsedStyleType: string;
-    data: any;
     spacing: boolean;
 };
 declare const Breadcrumb: {

package/components/breadcrumb/Breadcrumb.js

@@ -15,12 +15,7 @@ import { usePropsWithContext } from '../../shared/hooks';
 import BreadcrumbItem from './BreadcrumbItem';
 import { convertJsxToString } from '../../shared/component-helper';
 export var defaultProps = {
-  className: null,
   skeleton: false,
-  children: null,
-  variant: null,
-  onClick: null,
-  href: null,
   navText: 'Back',
   goBackText: 'Back',
   homeText: 'Home',
@@ -28,7 +23,6 @@ export var defaultProps = {
   isCollapsed: true,
   styleType: 'transparent',
   collapsedStyleType: 'pistachio',
-  data: null,
   spacing: false
 };
 
@@ -71,7 +65,7 @@ var Breadcrumb = function Breadcrumb(localProps) {
   });
   var currentVariant = variant;
 
-  if (variant === null) {
+  if (!variant) {
     if (childrenItems || data) {
       currentVariant = isSmallScreen ? 'collapse' : 'multiple';
     } else {

package/components/dialog/Dialog.d.ts

@@ -3,10 +3,11 @@ import DialogBody from './parts/DialogBody';
 import DialogHeader from './parts/DialogHeader';
 import DialogNavigation from './parts/DialogNavigation';
 import { DialogProps, DialogContentProps } from './types';
-declare function Dialog({ id, rootId, contentId, focusSelector, labelledBy, directDomReturn, hideCloseButton, closeButtonAttributes, disabled, title, dialogTitle, closeTitle, spacing, noAnimation, noAnimationOnMobile, animationDuration, fullscreen, onOpen, onClose, onClosePrevent, openModal, closeModal, preventClose, openState, openDelay, trigger, triggerAttributes, overlayClass, contentClass, top, bottom, left, right, space, ...props }: DialogProps & DialogContentProps): JSX.Element;
+declare function Dialog(localProps: DialogProps & DialogContentProps): JSX.Element;
 declare namespace Dialog {
     var Body: typeof DialogBody;
     var Header: typeof DialogHeader;
     var Navigation: typeof DialogNavigation;
+    var Action: ({ declineText, confirmText, hideDecline, onConfirm, onDecline, children, }: import("./parts/DialogAction").DialogActionProps) => JSX.Element;
 }
 export default Dialog;

package/components/dialog/Dialog.js

@@ -8,7 +8,7 @@ import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "rootId", "contentId", "focusSelector", "labelledBy", "directDomReturn", "hideCloseButton", "closeButtonAttributes", "disabled", "title", "dialogTitle", "closeTitle", "spacing", "noAnimation", "noAnimationOnMobile", "animationDuration", "fullscreen", "onOpen", "onClose", "onClosePrevent", "openModal", "closeModal", "preventClose", "openState", "openDelay", "trigger", "triggerAttributes", "overlayClass", "contentClass", "top", "bottom", "left", "right", "space"];
+var _excluded = ["id", "rootId", "contentId", "focusSelector", "labelledBy", "directDomReturn", "closeButtonAttributes", "disabled", "variant", "title", "dialogTitle", "closeTitle", "spacing", "noAnimation", "noAnimationOnMobile", "animationDuration", "triggerAttributes", "hideCloseButton", "fullscreen", "onOpen", "onClose", "onClosePrevent", "openModal", "closeModal", "preventClose", "openState", "openDelay", "trigger", "overlayClass", "contentClass", "top", "bottom", "left", "right", "space"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -22,49 +22,70 @@ import DialogHeader from './parts/DialogHeader';
 import DialogNavigation from './parts/DialogNavigation';
 import classnames from 'classnames';
 import Context from '../../shared/Context';
-import { removeUndefinedProps } from '../../shared/component-helper';
-
-function Dialog(_ref) {
-  var id = _ref.id,
-      rootId = _ref.rootId,
-      contentId = _ref.contentId,
-      focusSelector = _ref.focusSelector,
-      labelledBy = _ref.labelledBy,
-      directDomReturn = _ref.directDomReturn,
-      hideCloseButton = _ref.hideCloseButton,
-      closeButtonAttributes = _ref.closeButtonAttributes,
-      disabled = _ref.disabled,
-      title = _ref.title,
-      dialogTitle = _ref.dialogTitle,
-      closeTitle = _ref.closeTitle,
-      _ref$spacing = _ref.spacing,
-      spacing = _ref$spacing === void 0 ? true : _ref$spacing,
-      noAnimation = _ref.noAnimation,
-      noAnimationOnMobile = _ref.noAnimationOnMobile,
-      animationDuration = _ref.animationDuration,
-      _ref$fullscreen = _ref.fullscreen,
-      fullscreen = _ref$fullscreen === void 0 ? 'auto' : _ref$fullscreen,
-      onOpen = _ref.onOpen,
-      onClose = _ref.onClose,
-      onClosePrevent = _ref.onClosePrevent,
-      openModal = _ref.openModal,
-      closeModal = _ref.closeModal,
-      preventClose = _ref.preventClose,
-      openState = _ref.openState,
-      openDelay = _ref.openDelay,
-      trigger = _ref.trigger,
-      triggerAttributes = _ref.triggerAttributes,
-      overlayClass = _ref.overlayClass,
-      contentClass = _ref.contentClass,
-      top = _ref.top,
-      bottom = _ref.bottom,
-      left = _ref.left,
-      right = _ref.right,
-      space = _ref.space,
-      props = _objectWithoutProperties(_ref, _excluded);
+import DialogAction from './parts/DialogAction';
+import { usePropsWithContext } from '../../shared/hooks';
+var defaultProps = {
+  variant: 'information',
+  spacing: true
+};
 
+function Dialog(localProps) {
   var context = useContext(Context);
-  var modalProps = removeUndefinedProps({
+  var propsWithContext = usePropsWithContext(localProps, defaultProps, context === null || context === void 0 ? void 0 : context.Dialog);
+
+  var id = propsWithContext.id,
+      rootId = propsWithContext.rootId,
+      contentId = propsWithContext.contentId,
+      focusSelector = propsWithContext.focusSelector,
+      labelledBy = propsWithContext.labelledBy,
+      directDomReturn = propsWithContext.directDomReturn,
+      closeButtonAttributes = propsWithContext.closeButtonAttributes,
+      disabled = propsWithContext.disabled,
+      variant = propsWithContext.variant,
+      title = propsWithContext.title,
+      dialogTitle = propsWithContext.dialogTitle,
+      closeTitle = propsWithContext.closeTitle,
+      spacing = propsWithContext.spacing,
+      noAnimation = propsWithContext.noAnimation,
+      noAnimationOnMobile = propsWithContext.noAnimationOnMobile,
+      animationDuration = propsWithContext.animationDuration,
+      triggerAttributes = propsWithContext.triggerAttributes,
+      hideCloseButton = propsWithContext.hideCloseButton,
+      fullscreen = propsWithContext.fullscreen,
+      onOpen = propsWithContext.onOpen,
+      onClose = propsWithContext.onClose,
+      onClosePrevent = propsWithContext.onClosePrevent,
+      openModal = propsWithContext.openModal,
+      closeModal = propsWithContext.closeModal,
+      preventClose = propsWithContext.preventClose,
+      openState = propsWithContext.openState,
+      openDelay = propsWithContext.openDelay,
+      trigger = propsWithContext.trigger,
+      overlayClass = propsWithContext.overlayClass,
+      contentClass = propsWithContext.contentClass,
+      top = propsWithContext.top,
+      bottom = propsWithContext.bottom,
+      left = propsWithContext.left,
+      right = propsWithContext.right,
+      space = propsWithContext.space,
+      props = _objectWithoutProperties(propsWithContext, _excluded);
+
+  var currentHideCloseButton = hideCloseButton;
+  var currentTriggerAttributes = triggerAttributes;
+  var currentFullscreen = fullscreen;
+
+  if (variant === 'confirmation') {
+    currentHideCloseButton = hideCloseButton !== undefined ? hideCloseButton : true;
+    currentTriggerAttributes = triggerAttributes || {
+      hidden: true
+    };
+  }
+
+  if (fullscreen === undefined) {
+    currentFullscreen = variant === 'information' ? 'auto' : false;
+  }
+
+  var modalProps = {
     title: title,
     id: id,
     focusSelector: focusSelector,
@@ -75,13 +96,13 @@ function Dialog(_ref) {
     contentId: contentId,
     dialogTitle: dialogTitle,
     closeTitle: closeTitle,
-    hideCloseButton: hideCloseButton,
+    hideCloseButton: currentHideCloseButton,
     closeButtonAttributes: closeButtonAttributes,
     preventClose: preventClose,
     animationDuration: animationDuration,
     noAnimation: noAnimation,
     noAnimationOnMobile: noAnimationOnMobile,
-    fullscreen: fullscreen,
+    fullscreen: currentFullscreen,
     openState: openState,
     directDomReturn: directDomReturn,
     rootId: rootId,
@@ -91,27 +112,32 @@ function Dialog(_ref) {
     openModal: openModal,
     closeModal: closeModal,
     trigger: trigger,
-    triggerAttributes: triggerAttributes,
+    triggerAttributes: currentTriggerAttributes,
     overlayClass: overlayClass,
     top: top,
     bottom: bottom,
     left: left,
     right: right,
     space: space
-  });
-  var dialogProps = removeUndefinedProps(_objectSpread(_objectSpread({}, props), {}, {
+  };
+
+  var dialogProps = _objectSpread(_objectSpread({}, props), {}, {
     noAnimation: noAnimation,
     noAnimationOnMobile: noAnimationOnMobile,
-    fullscreen: fullscreen,
-    spacing: spacing
-  }));
-  return React.createElement(Modal, _extends({}, context.Dialog, modalProps, {
+    fullscreen: currentFullscreen,
+    spacing: spacing,
+    variant: variant
+  });
+
+  return React.createElement(Modal, _extends({}, modalProps, {
     mode: "custom",
+    dialogRole: variant == 'information' ? 'dialog' : 'alertdialog',
     contentClass: classnames('dnb-dialog__root', contentClass)
-  }), React.createElement(DialogContent, _extends({}, context.Dialog, dialogProps)));
+  }), React.createElement(DialogContent, dialogProps));
 }
 
 Dialog.Body = DialogBody;
 Dialog.Header = DialogHeader;
 Dialog.Navigation = DialogNavigation;
+Dialog.Action = DialogAction;
 export default Dialog;

package/components/dialog/DialogContent.d.ts

@@ -4,4 +4,4 @@
  */
 /// <reference types="react" />
 import { DialogContentProps } from './types';
-export default function DialogContent({ modalContent, navContent, headerContent, alignContent, className, class: _className, preventCoreStyle, spacing, fullscreen, noAnimation, noAnimationOnMobile, minWidth: min_width, maxWidth: max_width, ...rest }: DialogContentProps): JSX.Element;
+export default function DialogContent({ modalContent, navContent, headerContent, alignContent, className, class: _className, preventCoreStyle, spacing, fullscreen, noAnimation, noAnimationOnMobile, minWidth: min_width, maxWidth: max_width, variant, confirmType, icon, description, hideDecline, onConfirm, onDecline, declineText, confirmText, ...rest }: DialogContentProps): JSX.Element;