@dnb/eufemia 10.3.0 → 10.4.0

package/components/button/style/themes/dnb-button-theme-sbanken.css

@@ -395,6 +395,12 @@ html:not([data-whatintent=touch]) .dnb-button--secondary:not([disabled]).dnb-but
 .dnb-button--tertiary:focus[disabled], html:not([data-whatintent=touch]) .dnb-button--tertiary:focus[disabled] {
   cursor: not-allowed;
 }
+.dnb-button--tertiary:focus:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]) {
+  outline: initial;
+}
+html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]), html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]) {
+  box-shadow: none;
+}
 .dnb-button--tertiary:focus:not([disabled])::before, html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled])::before {
   content: "";
   position: absolute;
@@ -413,6 +419,27 @@ html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled])::befor
   box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
   border-color: transparent;
 }
+.dnb-button--tertiary:focus:not([disabled]).focus-visible, html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]).focus-visible {
+  color: var(--sb-color-blue-dark);
+}
+.dnb-button--tertiary:focus:not([disabled]):focus-visible, html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):focus-visible {
+  color: var(--sb-color-blue-dark);
+}
+.dnb-button--tertiary:focus:not([disabled]).focus-visible::before, html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]).focus-visible::before {
+  background-color: var(--sb-color-blue-light-3);
+}
+.dnb-button--tertiary:focus:not([disabled]):focus-visible::before, html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):focus-visible::before {
+  background-color: var(--sb-color-blue-light-3);
+}
+.dnb-button--tertiary:focus:not([disabled]).focus-visible > *, html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]).focus-visible > * {
+  z-index: 2;
+}
+.dnb-button--tertiary:focus:not([disabled]):focus-visible > *, html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):focus-visible > * {
+  z-index: 2;
+}
+.dnb-button--tertiary:focus:not([disabled]) .dnb-button__text::after, html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]) .dnb-button__text::after {
+  visibility: hidden;
+}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled] {
   cursor: not-allowed;
 }
@@ -420,6 +447,36 @@ html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .d
   color: var(--sb-color-violet);
   transition: none;
 }
+.dnb-button--tertiary:not(.dnb-button--has-text):hover {
+  --focus-ring-width: 0.0625rem;
+  color: var(--sb-color-blue-dark);
+}
+.dnb-button--tertiary:not(.dnb-button--has-text):hover::before {
+  content: "";
+  position: absolute;
+  z-index: 1;
+  top: 0;
+  left: -0.5rem;
+  bottom: 0;
+  right: -0.5rem;
+  height: inherit;
+  border-radius: inherit;
+  outline: none;
+  --border-color: var(--focus-ring-color);
+  --border-width: var(--focus-ring-width);
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.dnb-button--tertiary:not(.dnb-button--has-text):hover::before {
+  background-color: var(--sb-color-blue-light-3);
+}
+.dnb-button--tertiary:not(.dnb-button--has-text):hover > * {
+  z-index: 2;
+}
+.dnb-button--tertiary:not(.dnb-button--has-text):hover::before {
+  left: 0;
+  right: 0;
+}
 .dnb-button--tertiary:active[disabled], html:not([data-whatintent=touch]) .dnb-button--tertiary:active[disabled] {
   cursor: not-allowed;
 }

package/components/button/style/themes/dnb-button-theme-sbanken.min.css

@@ -1 +1 @@
-.dnb-button--tertiary{--button-tertiary-focus-overflow:-1rem}.dnb-button--tertiary .dnb-button__text{position:relative}.dnb-button--tertiary .dnb-button__text:after{background-color:currentcolor;border-radius:.0475rem;bottom:0;bottom:-.0625rem;color:var(--color-sea-green);color:transparent;content:"";height:.095rem;left:0;position:absolute;right:0;transition:color .25s ease-in-out;width:auto;z-index:1}[data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text:after{transition:none}.dnb-skeleton .dnb-button--tertiary .dnb-button__text:after{content:none}.dnb-button--tertiary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){box-shadow:none}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]):before,html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-button--tertiary:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]) .dnb-button__text:after{visibility:hidden}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{visibility:visible}.dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:active:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){box-shadow:none}html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html[data-whatintent=touch] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{opacity:1;transition:none;visibility:visible}html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{visibility:hidden}.dnb-button--tertiary.dnb-button--has-text{padding-left:0;padding-right:0}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon{align-self:flex-start;margin-top:calc(var(--button-height)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--medium{margin-top:calc(var(--button-height)/2 - .75rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--large{margin-top:calc(var(--button-height)/2 - 1rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large .dnb-button__icon{margin-top:calc(var(--button-height--large)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-medium .dnb-button__icon{margin-top:calc(var(--button-height--medium)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-small .dnb-button__icon{margin-top:calc(var(--button-height--small)/2 - .5rem)}.dnb-button--tertiary.dnb-button--icon-position-top{border-radius:.5rem;flex-direction:column;vertical-align:middle}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text{padding:0}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text .dnb-button__icon{align-self:center;margin-top:.5rem}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{margin-bottom:.25rem;margin-top:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text:after{left:0;right:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__alignment{height:0;order:3}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text{padding-left:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text:after{left:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__icon{margin-left:0;margin-right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text{margin-left:1rem;padding-left:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text:after{left:-.5rem;right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before{right:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text{padding-right:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text:after{right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__icon{margin-left:-.5rem;margin-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text{margin-right:1rem;padding-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text:after{right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before{left:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before{left:0;right:0}html[data-whatinput=keyboard] .dnb-button--tertiary:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-button--primary:focus[disabled],.dnb-button--secondary:focus[disabled]{cursor:not-allowed}.dnb-button--primary:focus:not([disabled]),.dnb-button--secondary:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--primary:focus:not([disabled]),html[data-whatinput=keyboard] .dnb-button--secondary:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--sb-color-blue-light-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-blue-dark)}.dnb-button{border:none}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--primary,.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--secondary{padding-left:1.5rem;padding-right:1.5rem}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--icon-position-right{padding-right:.5rem}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--icon-position-left{padding-left:.5rem}.dnb-button--primary{background-color:var(--sb-color-purple-alternative);color:var(--sb-color-green)}html:not([data-whatintent=touch]) .dnb-button--primary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--primary:hover:not([disabled]){background-color:var(--sb-color-purple);box-shadow:none;color:var(--sb-color-green);outline:initial}html[data-whatinput=""] html:not([data-whatintent=touch]) .dnb-button--primary:hover:not([disabled]){box-shadow:none}.dnb-button--primary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--primary:active[disabled]{cursor:not-allowed}.dnb-button--primary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--primary:active:not([disabled]){background-color:var(--sb-color-purple-alternative);color:var(--sb-color-green)}.dnb-button--primary[disabled]{background-color:var(--sb-color-gray-light);box-shadow:none;color:var(--sb-color-gray-dark-2);outline:initial}html[data-whatinput=""] .dnb-button--primary[disabled]{box-shadow:none}.dnb-button--primary:not([disabled]).dnb-button__status--error{background-color:var(--sb-color-red);color:var(--sb-color-white)}.dnb-button--secondary{--border-color:var(--sb-color-purple-alternative);--border-width:0.0625rem;background-color:var(--sb-color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-purple-alternative)}html:not([data-whatintent=touch]) .dnb-button--secondary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:hover:not([disabled]){--border-color:var(--sb-color-purple-alternative);--border-width:0.0625rem;background-color:var(--sb-color-green-light-2);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-purple-alternative)}.dnb-button--secondary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:active[disabled]{cursor:not-allowed}.dnb-button--secondary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:active:not([disabled]){--border-color:var(--sb-color-purple-alternative);--border-width:0.0625rem;background-color:var(--sb-color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-purple-alternative)}.dnb-button--secondary[disabled]{--border-color:var(--sb-color-gray-light);--border-width:0.0625rem;color:var(--sb-color-gray-dark)}.dnb-button--secondary:not([disabled]).dnb-button__status--error,.dnb-button--secondary[disabled]{background-color:var(--sb-color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-button--secondary:not([disabled]).dnb-button__status--error{--border-color:var(--sb-color-red);--border-width:0.0625rem;color:var(--sb-color-red)}html:not([data-whatintent=touch]) .dnb-button--secondary:not([disabled]).dnb-button__status--error:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:not([disabled]).dnb-button__status--error:hover:not([disabled]){--border-color:var(--sb-color-red);--border-width:0.0625rem;background-color:var(--sb-color-magenta-light-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-red)}.dnb-button--tertiary{--button-tertiary-focus-overflow:-0.5rem;background-color:transparent;color:var(--sb-color-violet)}.dnb-button--tertiary .dnb-button__text:after{bottom:-.5rem;height:.0625rem;left:-.5rem;right:-.5rem}.dnb-button--tertiary.dnb-button--size-large .dnb-button__text:after{bottom:-.75rem;left:-1.5rem;right:-1.5rem}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{font-size:var(--font-size-x-small)}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text{font-size:var(--font-size-small)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text:after{left:-1rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-right .dnb-button__text:after{right:-1rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top{padding-left:.5rem;padding-right:.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text{font-size:var(--button-font-size);margin-bottom:.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text:after{left:-.5rem;right:-.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text:after{left:-1.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-right .dnb-button__text:after{right:-1.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-top{padding-left:1.5rem;padding-right:1.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text{font-size:var(--button-font-size);margin-bottom:.75rem;margin-top:.25rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text:after{left:-1.5rem;right:-1.5rem}.dnb-button--tertiary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]):before,html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{color:var(--sb-color-violet);transition:none}.dnb-button--tertiary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:active[disabled]{cursor:not-allowed}.dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{color:var(--sb-color-violet)}.dnb-button--tertiary[disabled]{color:var(--sb-color-gray-dark)}
+.dnb-button--tertiary{--button-tertiary-focus-overflow:-1rem}.dnb-button--tertiary .dnb-button__text{position:relative}.dnb-button--tertiary .dnb-button__text:after{background-color:currentcolor;border-radius:.0475rem;bottom:0;bottom:-.0625rem;color:var(--color-sea-green);color:transparent;content:"";height:.095rem;left:0;position:absolute;right:0;transition:color .25s ease-in-out;width:auto;z-index:1}[data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text:after{transition:none}.dnb-skeleton .dnb-button--tertiary .dnb-button__text:after{content:none}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]):before,html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{visibility:visible}.dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:active:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){box-shadow:none}html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html[data-whatintent=touch] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{opacity:1;transition:none;visibility:visible}html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{visibility:hidden}.dnb-button--tertiary.dnb-button--has-text{padding-left:0;padding-right:0}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon{align-self:flex-start;margin-top:calc(var(--button-height)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--medium{margin-top:calc(var(--button-height)/2 - .75rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--large{margin-top:calc(var(--button-height)/2 - 1rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large .dnb-button__icon{margin-top:calc(var(--button-height--large)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-medium .dnb-button__icon{margin-top:calc(var(--button-height--medium)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-small .dnb-button__icon{margin-top:calc(var(--button-height--small)/2 - .5rem)}.dnb-button--tertiary.dnb-button--icon-position-top{border-radius:.5rem;flex-direction:column;vertical-align:middle}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text{padding:0}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text .dnb-button__icon{align-self:center;margin-top:.5rem}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{margin-bottom:.25rem;margin-top:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text:after{left:0;right:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__alignment{height:0;order:3}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text{padding-left:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text:after{left:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__icon{margin-left:0;margin-right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text{margin-left:1rem;padding-left:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text:after{left:-.5rem;right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before{right:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text{padding-right:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text:after{right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__icon{margin-left:-.5rem;margin-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text{margin-right:1rem;padding-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text:after{right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before{left:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before{left:0;right:0}html[data-whatinput=keyboard] .dnb-button--tertiary:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-button--primary:focus[disabled],.dnb-button--secondary:focus[disabled]{cursor:not-allowed}.dnb-button--primary:focus:not([disabled]),.dnb-button--secondary:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--primary:focus:not([disabled]),html[data-whatinput=keyboard] .dnb-button--secondary:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--sb-color-blue-light-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-blue-dark)}.dnb-button{border:none}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--primary,.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--secondary{padding-left:1.5rem;padding-right:1.5rem}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--icon-position-right{padding-right:.5rem}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--icon-position-left{padding-left:.5rem}.dnb-button--primary{background-color:var(--sb-color-purple-alternative);color:var(--sb-color-green)}html:not([data-whatintent=touch]) .dnb-button--primary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--primary:hover:not([disabled]){background-color:var(--sb-color-purple);box-shadow:none;color:var(--sb-color-green);outline:initial}html[data-whatinput=""] html:not([data-whatintent=touch]) .dnb-button--primary:hover:not([disabled]){box-shadow:none}.dnb-button--primary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--primary:active[disabled]{cursor:not-allowed}.dnb-button--primary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--primary:active:not([disabled]){background-color:var(--sb-color-purple-alternative);color:var(--sb-color-green)}.dnb-button--primary[disabled]{background-color:var(--sb-color-gray-light);box-shadow:none;color:var(--sb-color-gray-dark-2);outline:initial}html[data-whatinput=""] .dnb-button--primary[disabled]{box-shadow:none}.dnb-button--primary:not([disabled]).dnb-button__status--error{background-color:var(--sb-color-red);color:var(--sb-color-white)}.dnb-button--secondary{--border-color:var(--sb-color-purple-alternative);--border-width:0.0625rem;background-color:var(--sb-color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-purple-alternative)}html:not([data-whatintent=touch]) .dnb-button--secondary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:hover:not([disabled]){--border-color:var(--sb-color-purple-alternative);--border-width:0.0625rem;background-color:var(--sb-color-green-light-2);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-purple-alternative)}.dnb-button--secondary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:active[disabled]{cursor:not-allowed}.dnb-button--secondary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:active:not([disabled]){--border-color:var(--sb-color-purple-alternative);--border-width:0.0625rem;background-color:var(--sb-color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-purple-alternative)}.dnb-button--secondary[disabled]{--border-color:var(--sb-color-gray-light);--border-width:0.0625rem;color:var(--sb-color-gray-dark)}.dnb-button--secondary:not([disabled]).dnb-button__status--error,.dnb-button--secondary[disabled]{background-color:var(--sb-color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-button--secondary:not([disabled]).dnb-button__status--error{--border-color:var(--sb-color-red);--border-width:0.0625rem;color:var(--sb-color-red)}html:not([data-whatintent=touch]) .dnb-button--secondary:not([disabled]).dnb-button__status--error:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:not([disabled]).dnb-button__status--error:hover:not([disabled]){--border-color:var(--sb-color-red);--border-width:0.0625rem;background-color:var(--sb-color-magenta-light-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-red)}.dnb-button--tertiary{--button-tertiary-focus-overflow:-0.5rem;background-color:transparent;color:var(--sb-color-violet)}.dnb-button--tertiary .dnb-button__text:after{bottom:-.5rem;height:.0625rem;left:-.5rem;right:-.5rem}.dnb-button--tertiary.dnb-button--size-large .dnb-button__text:after{bottom:-.75rem;left:-1.5rem;right:-1.5rem}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{font-size:var(--font-size-x-small)}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text{font-size:var(--font-size-small)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text:after{left:-1rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-right .dnb-button__text:after{right:-1rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top{padding-left:.5rem;padding-right:.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text{font-size:var(--button-font-size);margin-bottom:.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text:after{left:-.5rem;right:-.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text:after{left:-1.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-right .dnb-button__text:after{right:-1.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-top{padding-left:1.5rem;padding-right:1.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text{font-size:var(--button-font-size);margin-bottom:.75rem;margin-top:.25rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text:after{left:-1.5rem;right:-1.5rem}.dnb-button--tertiary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){box-shadow:none}.dnb-button--tertiary:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]):before,html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-button--tertiary:focus:not([disabled]).focus-visible,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]).focus-visible{color:var(--sb-color-blue-dark)}.dnb-button--tertiary:focus:not([disabled]):focus-visible,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):focus-visible{color:var(--sb-color-blue-dark)}.dnb-button--tertiary:focus:not([disabled]).focus-visible:before,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]).focus-visible:before{background-color:var(--sb-color-blue-light-3)}.dnb-button--tertiary:focus:not([disabled]):focus-visible:before,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):focus-visible:before{background-color:var(--sb-color-blue-light-3)}.dnb-button--tertiary:focus:not([disabled]).focus-visible>*,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]).focus-visible>*{z-index:2}.dnb-button--tertiary:focus:not([disabled]):focus-visible>*,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):focus-visible>*{z-index:2}.dnb-button--tertiary:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]) .dnb-button__text:after{visibility:hidden}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{color:var(--sb-color-violet);transition:none}.dnb-button--tertiary:not(.dnb-button--has-text):hover{--focus-ring-width:0.0625rem;color:var(--sb-color-blue-dark)}.dnb-button--tertiary:not(.dnb-button--has-text):hover:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--sb-color-blue-light-3);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}.dnb-button--tertiary:not(.dnb-button--has-text):hover>*{z-index:2}.dnb-button--tertiary:not(.dnb-button--has-text):hover:before{left:0;right:0}.dnb-button--tertiary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:active[disabled]{cursor:not-allowed}.dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{color:var(--sb-color-violet)}.dnb-button--tertiary[disabled]{color:var(--sb-color-gray-dark)}

package/components/button/style/themes/dnb-button-theme-sbanken.scss

@@ -17,11 +17,23 @@
   );
 }
 
+@mixin focus-tertiary {
+  color: var(--sb-color-blue-dark);
+  &::before {
+    background-color: var(--sb-color-blue-light-3);
+  }
+
+  > * {
+    z-index: 2;
+  }
+}
+
 .dnb-button {
   border: none;
 
   &#{&}--has-text#{&}--size-large {
-    &.dnb-button--primary, &.dnb-button--secondary {
+    &.dnb-button--primary,
+    &.dnb-button--secondary {
       padding-left: 1.5rem;
       padding-right: 1.5rem;
     }
@@ -55,7 +67,7 @@
       background-color: var(--sb-color-gray-light);
       @include removeFocusRing();
     }
-    
+
     &:not([disabled]).dnb-button__status--error {
       color: var(--sb-color-white);
       background-color: var(--sb-color-red);
@@ -91,7 +103,7 @@
       color: var(--sb-color-red);
       background-color: var(--sb-color-white);
       @include fakeBorder(var(--sb-color-red), null, inset);
-      
+
       @include hover() {
         color: var(--sb-color-red);
         background-color: var(--sb-color-magenta-light-3);
@@ -104,7 +116,7 @@
     $tertiary-padding: 0.5rem;
     $tertiary-padding-large: 1.5rem;
     $tertiary-icon-space: 0.5rem;
-    
+
     --button-tertiary-focus-overflow: -0.5rem;
 
     color: var(--sb-color-violet);
@@ -137,7 +149,6 @@
     }
 
     &.dnb-button--has-text {
-
       &.dnb-button--has-icon {
         &.dnb-button--icon-position-left {
           .dnb-button__text::after {
@@ -164,12 +175,11 @@
       }
 
       &.dnb-button--size-large {
-        
         &.dnb-button--has-icon {
           &.dnb-button--icon-position-left {
             .dnb-button__text::after {
-              left: -$tertiary-padding-large ;
-            }            
+              left: -$tertiary-padding-large;
+            }
           }
           &.dnb-button--icon-position-right {
             .dnb-button__text::after {
@@ -187,14 +197,23 @@
                 left: -$tertiary-padding-large;
                 right: -$tertiary-padding-large;
               }
-            }  
+            }
           }
         }
       }
     }
 
     @include focus() {
+      @include removeFocusRing('keyboard');
       @include buttonFocusRing(null, inset);
+      &:focus-visible {
+        @include focus-tertiary();
+      }
+
+      // underline
+      .dnb-button__text::after {
+        visibility: hidden;
+      }
     }
 
     @include hover() {
@@ -205,10 +224,20 @@
       }
     }
 
+    &:not(.dnb-button--has-text):hover {
+      --focus-ring-width: 0.0625rem;
+      @include buttonFocusRing('always', inset);
+      @include focus-tertiary();
+      &::before {
+        left: 0;
+        right: 0;
+      }
+    }
+
     @include active() {
       // underline
       .dnb-button__text::after {
-          color: var(--sb-color-violet);
+        color: var(--sb-color-violet);
       }
     }
 
@@ -216,4 +245,4 @@
       color: var(--sb-color-gray-dark);
     }
   }
-}
+}

package/components/date-picker/style/dnb-date-picker.min.css

@@ -1 +1 @@
-.dnb-date-picker{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-date-picker__inner{display:inline-flex;flex-direction:column;line-height:var(--date-picker-input-height)}.dnb-date-picker__row{display:inline-flex}.dnb-date-picker__shell{display:inline-flex;flex-direction:column;position:relative;top:0}.dnb-date-picker__input__wrapper{display:inline-flex;height:inherit;white-space:nowrap}.dnb-date-picker__container{display:block;left:-1rem;position:absolute;top:var(--date-picker-input-height);z-index:3}.dnb-date-picker--small .dnb-date-picker__container{top:1.5rem}.dnb-date-picker--medium .dnb-date-picker__container{top:2.5rem}.dnb-date-picker--large .dnb-date-picker__container{top:3rem}.dnb-date-picker--show-input .dnb-date-picker__container{left:0}.dnb-date-picker--right .dnb-date-picker__container{left:auto;right:-1rem}.dnb-date-picker--show-input.dnb-date-picker--right .dnb-date-picker__container{left:auto;right:0}.dnb-date-picker--opened .dnb-date-picker__container{z-index:100}.dnb-date-picker--opened .dnb-date-picker__container:not(.dnb-date-picker--opened .dnb-date-picker__container--no-animation){animation:date-picker-slide-down .2s ease-out 1 forwards}.dnb-date-picker--opened .dnb-date-picker__container--no-animation,html[data-visual-test] .dnb-date-picker--opened .dnb-date-picker__container{animation:date-picker-slide-down 1ms ease-out 1 forwards}.dnb-date-picker--hidden .dnb-date-picker__container{display:none}.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container:not(.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container--no-animation){animation:date-picker-slide-up .15s ease-out 1 forwards}.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container--no-animation,html[data-visual-test] .dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container{animation:date-picker-slide-up 1ms ease-out 1 forwards}.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -4px}}@supports (-ms-ime-align:auto){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -5px}}@supports (-webkit-touch-callout:none){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0 -4px}.dnb-core-style .dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker__input:first-of-type:not(:root){margin-left:.8rem}.dnb-core-style .dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker__input:last-of-type:not(:root){margin-right:2.2rem}}.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-core-style .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-core-style .dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker__input--small.dnb-date-picker__input--small{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker__input--small:last-of-type:not(:root){margin-right:2.2rem}.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-core-style .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-core-style .dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker__input--medium.dnb-date-picker__input--medium{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker__input--medium:last-of-type:not(:root){margin-right:3.2rem}.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-core-style .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-core-style .dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker__input--large.dnb-date-picker__input--large{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker__input--large:last-of-type:not(:root){margin-right:4rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type,.dnb-date-picker__input:first-of-type{margin-left:.8rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type,.dnb-date-picker__input:last-of-type{margin-right:2.2rem}.dnb-date-picker .dnb-input__shell{display:none}.dnb-date-picker--show-input .dnb-input__shell{display:flex}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__status--error .dnb-input__shell{box-shadow:none}.dnb-input__submit-button button:focus~.dnb-date-picker__input__wrapper{display:block}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-element,.dnb-input__submit-element>.dnb-date-picker .dnb-input__submit-element{margin-left:0}.dnb-date-picker__views{display:flex;user-select:none;-webkit-user-select:none}@media screen and (max-width:60em){.dnb-date-picker__views{flex-direction:column}}.dnb-date-picker__calendar{padding:1rem;position:relative}.dnb-date-picker__calendar:after{bottom:0;content:"";height:1px;position:absolute;width:calc(100% - 2rem)}.dnb-date-picker:not(.dnb-date-picker--show-footer) .dnb-date-picker__calendar:after{content:none}.dnb-date-picker__header{height:2.5rem;line-height:var(--line-height-basis)}.dnb-date-picker__addon,.dnb-date-picker__header{display:flex;justify-content:space-between;padding-bottom:1rem;position:relative}.dnb-date-picker__addon:after,.dnb-date-picker__header:after{bottom:0;content:"";height:1px;position:absolute;width:100%}.dnb-date-picker__addon{grid-gap:1rem;display:flex;flex-flow:row wrap;gap:1rem;justify-content:flex-start;padding:1rem}.dnb-date-picker__addon:after{left:1rem;width:calc(100% - 2rem)}.dnb-date-picker__footer{display:flex;justify-content:space-between;padding:1rem;position:relative}.dnb-date-picker__labels__day{padding-bottom:.5rem;padding-top:1.5rem}.dnb-date-picker__days,.dnb-date-picker__labels{display:flex;flex-wrap:wrap;list-style:none;margin:0;max-width:18rem;min-width:18rem;padding:0}.dnb-date-picker table{margin:0;position:relative;z-index:1}.dnb-date-picker table.dnb-no-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-date-picker table.dnb-no-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker__day,.dnb-date-picker__labels__day{display:flex;flex-basis:14.2857142857%;justify-content:center}.dnb-date-picker__day{margin:var(--date-picker-day-horizontal-spacing) 0;position:relative}.dnb-date-picker__day,.dnb-date-picker__day .dnb-button{height:var(--date-picker-day-width);width:var(--date-picker-day-width)}.dnb-date-picker__day .dnb-button{box-shadow:none;position:absolute;top:0;white-space:nowrap}.dnb-date-picker__day .dnb-button__bounding{border-radius:0;transform:scale(1.28)}.dnb-date-picker__day .dnb-button__text{transform:translateY(0)}.dnb-date-picker__day--selectable:hover{z-index:2}.dnb-date-picker__day--end-date .dnb-button,.dnb-date-picker__day--start-date .dnb-button{z-index:1}.dnb-date-picker__day--end-date,.dnb-date-picker__day--start-date{position:relative}.dnb-date-picker__day--end-date:after,.dnb-date-picker__day--start-date:after{content:"";height:100%;position:absolute;top:0;width:calc(var(--date-picker-day-width)/2)}.dnb-date-picker__day--start-date:after{left:auto;right:0}.dnb-date-picker__day--end-date:after{left:0;right:auto}.dnb-date-picker__day--start-date.dnb-date-picker__day--end-date:after{content:none}.dnb-date-picker__triangle{margin:0 1.5rem;overflow:hidden;pointer-events:none;right:auto;top:calc(2px - var(--date-picker-input-height)/2)}.dnb-date-picker__triangle,.dnb-date-picker__triangle:before{height:calc(var(--date-picker-input-height)/2);left:0;position:absolute;width:calc(var(--date-picker-input-height)/2)}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:1px solid var(--color-black-border);content:"";top:0;transform:translateY(60%) rotate(45deg)}.dnb-date-picker--right .dnb-date-picker__triangle{left:auto;right:0}.dnb-date-picker .rtl{direction:rtl}.dnb-date-picker .rtl .dnb-date-picker__next:before,.dnb-date-picker .rtl .dnb-date-picker__prev:before{transform:scaleX(-1)}.dnb-date-picker__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-date-picker--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-date-picker>.dnb-form-label{line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-date-picker{flex-wrap:wrap}.dnb-date-picker>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-date-picker--stretch{display:flex;flex-grow:1}.dnb-date-picker--stretch .dnb-date-picker__inner,.dnb-date-picker--stretch .dnb-date-picker__shell,.dnb-form-row--horizontal .dnb-date-picker--stretch{width:100%}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]{align-items:flex-start}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-button .dnb-button{border-radius:50%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-date-picker{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker__helper{display:none}}.dnb-date-picker .dnb-input__submit-button .dnb-button.dnb-skeleton{visibility:hidden}.dnb-core-style .dnb-date-picker__fieldset,.dnb-date-picker__fieldset{border:none;margin:0;padding:0}@keyframes date-picker-slide-down{0%{opacity:0}to{opacity:1}}@keyframes date-picker-slide-up{0%{opacity:1}to{opacity:0}}
+.dnb-date-picker{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-date-picker__inner{display:inline-flex;flex-direction:column;line-height:var(--date-picker-input-height)}.dnb-date-picker__row{display:inline-flex}.dnb-date-picker__shell{display:inline-flex;flex-direction:column;position:relative;top:0}.dnb-date-picker__input__wrapper{display:inline-flex;height:inherit;white-space:nowrap}.dnb-date-picker__container{display:block;left:-1rem;position:absolute;top:var(--date-picker-input-height);z-index:3}.dnb-date-picker--small .dnb-date-picker__container{top:1.5rem}.dnb-date-picker--medium .dnb-date-picker__container{top:2.5rem}.dnb-date-picker--large .dnb-date-picker__container{top:3rem}.dnb-date-picker--show-input .dnb-date-picker__container{left:0}.dnb-date-picker--right .dnb-date-picker__container{left:auto;right:-1rem}.dnb-date-picker--show-input.dnb-date-picker--right .dnb-date-picker__container{left:auto;right:0}.dnb-date-picker--opened .dnb-date-picker__container{z-index:100}.dnb-date-picker--opened .dnb-date-picker__container:not(.dnb-date-picker--opened .dnb-date-picker__container--no-animation){animation:date-picker-slide-down .2s ease-out 1 forwards}.dnb-date-picker--opened .dnb-date-picker__container--no-animation,html[data-visual-test] .dnb-date-picker--opened .dnb-date-picker__container{animation:date-picker-slide-down 1ms ease-out 1 forwards}.dnb-date-picker--hidden .dnb-date-picker__container{display:none}.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container:not(.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container--no-animation){animation:date-picker-slide-up .15s ease-out 1 forwards}.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container--no-animation,html[data-visual-test] .dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container{animation:date-picker-slide-up 1ms ease-out 1 forwards}.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -4px}}@supports (-ms-ime-align:auto){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -5px}}@supports (-webkit-touch-callout:none){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0 -4px}.dnb-core-style .dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker__input:first-of-type:not(:root){margin-left:.8rem}.dnb-core-style .dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker__input:last-of-type:not(:root){margin-right:2.2rem}}.dnb-core-style .dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-core-style .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker__input--small.dnb-date-picker__input--small{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker__input--small:last-of-type:not(:root){margin-right:2.2rem}.dnb-core-style .dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-core-style .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker__input--medium.dnb-date-picker__input--medium{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker__input--medium:last-of-type:not(:root){margin-right:3.2rem}.dnb-core-style .dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-core-style .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker__input--large.dnb-date-picker__input--large{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker__input--large:last-of-type:not(:root){margin-right:4rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type,.dnb-date-picker__input:first-of-type{margin-left:.8rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type,.dnb-date-picker__input:last-of-type{margin-right:2.2rem}.dnb-date-picker .dnb-input__shell{display:none}.dnb-date-picker--show-input .dnb-input__shell{display:flex}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__status--error .dnb-input__shell{box-shadow:none}.dnb-input__submit-button button:focus~.dnb-date-picker__input__wrapper{display:block}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-element,.dnb-input__submit-element>.dnb-date-picker .dnb-input__submit-element{margin-left:0}.dnb-date-picker__views{display:flex;user-select:none;-webkit-user-select:none}@media screen and (max-width:60em){.dnb-date-picker__views{flex-direction:column}}.dnb-date-picker__calendar{padding:1rem;position:relative}.dnb-date-picker__calendar:after{bottom:0;content:"";height:1px;position:absolute;width:calc(100% - 2rem)}.dnb-date-picker:not(.dnb-date-picker--show-footer) .dnb-date-picker__calendar:after{content:none}.dnb-date-picker__header{height:2.5rem;line-height:var(--line-height-basis)}.dnb-date-picker__addon,.dnb-date-picker__header{display:flex;justify-content:space-between;padding-bottom:1rem;position:relative}.dnb-date-picker__addon:after,.dnb-date-picker__header:after{bottom:0;content:"";height:1px;position:absolute;width:100%}.dnb-date-picker__addon{grid-gap:1rem;display:flex;flex-flow:row wrap;gap:1rem;justify-content:flex-start;padding:1rem}.dnb-date-picker__addon:after{left:1rem;width:calc(100% - 2rem)}.dnb-date-picker__footer{display:flex;justify-content:space-between;padding:1rem;position:relative}.dnb-date-picker__labels__day{padding-bottom:.5rem;padding-top:1.5rem}.dnb-date-picker__days,.dnb-date-picker__labels{display:flex;flex-wrap:wrap;list-style:none;margin:0;max-width:18rem;min-width:18rem;padding:0}.dnb-date-picker table{margin:0;position:relative;z-index:1}.dnb-date-picker table.dnb-no-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-date-picker table.dnb-no-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker__day,.dnb-date-picker__labels__day{display:flex;flex-basis:14.2857142857%;justify-content:center}.dnb-date-picker__day{margin:var(--date-picker-day-horizontal-spacing) 0;position:relative}.dnb-date-picker__day,.dnb-date-picker__day .dnb-button{height:var(--date-picker-day-width);width:var(--date-picker-day-width)}.dnb-date-picker__day .dnb-button{box-shadow:none;position:absolute;top:0;white-space:nowrap}.dnb-date-picker__day .dnb-button__bounding{border-radius:0;transform:scale(1.28)}.dnb-date-picker__day .dnb-button__text{transform:translateY(0)}.dnb-date-picker__day--selectable:hover{z-index:2}.dnb-date-picker__day--end-date .dnb-button,.dnb-date-picker__day--start-date .dnb-button{z-index:1}.dnb-date-picker__day--end-date,.dnb-date-picker__day--start-date{position:relative}.dnb-date-picker__day--end-date:after,.dnb-date-picker__day--start-date:after{content:"";height:100%;position:absolute;top:0;width:calc(var(--date-picker-day-width)/2)}.dnb-date-picker__day--start-date:after{left:auto;right:0}.dnb-date-picker__day--end-date:after{left:0;right:auto}.dnb-date-picker__day--start-date.dnb-date-picker__day--end-date:after{content:none}.dnb-date-picker__triangle{margin:0 1.5rem;overflow:hidden;pointer-events:none;right:auto;top:calc(2px - var(--date-picker-input-height)/2)}.dnb-date-picker__triangle,.dnb-date-picker__triangle:before{height:calc(var(--date-picker-input-height)/2);left:0;position:absolute;width:calc(var(--date-picker-input-height)/2)}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:1px solid var(--color-black-border);content:"";top:0;transform:translateY(60%) rotate(45deg)}.dnb-date-picker--right .dnb-date-picker__triangle{left:auto;right:0}.dnb-date-picker .rtl{direction:rtl}.dnb-date-picker .rtl .dnb-date-picker__next:before,.dnb-date-picker .rtl .dnb-date-picker__prev:before{transform:scaleX(-1)}.dnb-date-picker__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-date-picker--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-date-picker>.dnb-form-label{line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-date-picker{flex-wrap:wrap}.dnb-date-picker>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-date-picker--stretch{display:flex;flex-grow:1}.dnb-date-picker--stretch .dnb-date-picker__inner,.dnb-date-picker--stretch .dnb-date-picker__shell,.dnb-form-row--horizontal .dnb-date-picker--stretch{width:100%}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]{align-items:flex-start}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-button .dnb-button{border-radius:50%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-date-picker{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker__helper{display:none}}.dnb-date-picker .dnb-input__submit-button .dnb-button.dnb-skeleton{visibility:hidden}.dnb-core-style .dnb-date-picker__fieldset,.dnb-date-picker__fieldset{border:none;margin:0;padding:0}@keyframes date-picker-slide-down{0%{opacity:0}to{opacity:1}}@keyframes date-picker-slide-up{0%{opacity:1}to{opacity:0}}

package/components/dialog/Dialog.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import DialogBody from './parts/DialogBody';
 import DialogHeader from './parts/DialogHeader';
 import DialogNavigation from './parts/DialogNavigation';
 import { DialogProps, DialogContentProps } from './types';
-declare function Dialog(localProps: DialogProps & DialogContentProps): JSX.Element;
+declare function Dialog(localProps: DialogProps & DialogContentProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Dialog {
     var Body: typeof DialogBody;
     var Header: typeof DialogHeader;
     var Navigation: typeof DialogNavigation;
-    var Action: ({ declineText, confirmText, hideDecline, onConfirm, onDecline, className, children, ...props }: import("./parts/DialogAction").DialogActionAllProps) => JSX.Element;
+    var Action: ({ declineText, confirmText, hideDecline, onConfirm, onDecline, className, children, ...props }: import("./parts/DialogAction").DialogActionAllProps) => import("react/jsx-runtime").JSX.Element;
 }
 export default Dialog;

package/components/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["React","useContext","Modal","DialogContent","DialogBody","DialogHeader","DialogNavigation","classnames","Context","DialogAction","extendPropsWithContext","defaultProps","variant","spacing","Dialog","localProps","context","propsWithContext","id","rootId","contentId","focusSelector","labelledBy","directDomReturn","disabled","title","dialogTitle","closeTitle","noAnimation","noAnimationOnMobile","animationDuration","triggerAttributes","hideCloseButton","fullscreen","onOpen","onClose","onClosePrevent","openModal","closeModal","preventClose","preventOverlayClose","openState","openDelay","trigger","omitTriggerButton","overlayClass","contentClass","contentRef","scrollRef","top","bottom","left","right","space","props","_objectWithoutProperties","_excluded","currentHideCloseButton","currentOmitTriggerButton","currentFullscreen","currentPreventOverlayClose","undefined","modalProps","dialogProps","_objectSpread","createElement","_extends","dialogRole","Body","Header","Navigation","Action"],"sources":["../../../../src/components/dialog/Dialog.tsx"],"sourcesContent":["/**\n * Web Dialog Component\n *\n */\nimport React, { useContext } from 'react'\nimport Modal from '../modal/Modal'\nimport DialogContent from './DialogContent'\nimport DialogBody from './parts/DialogBody'\nimport DialogHeader from './parts/DialogHeader'\nimport DialogNavigation from './parts/DialogNavigation'\nimport { DialogProps, DialogContentProps } from './types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport DialogAction from './parts/DialogAction'\nimport { extendPropsWithContext } from '../../shared/component-helper'\n\nconst defaultProps = {\n  variant: 'information',\n  spacing: true,\n}\n\nfunction Dialog(\n  localProps: DialogProps & DialogContentProps\n): JSX.Element {\n  const context = useContext(Context)\n\n  const propsWithContext = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.Dialog\n  )\n\n  const {\n    id,\n    rootId,\n    contentId,\n    focusSelector,\n    labelledBy,\n    directDomReturn,\n    disabled,\n\n    variant,\n    title,\n    dialogTitle,\n    closeTitle,\n    spacing,\n    noAnimation,\n    noAnimationOnMobile,\n    animationDuration,\n    triggerAttributes,\n    hideCloseButton,\n    fullscreen,\n\n    onOpen,\n    onClose,\n    onClosePrevent,\n    openModal,\n    closeModal,\n    preventClose,\n    preventOverlayClose,\n    openState,\n    openDelay,\n\n    trigger,\n    omitTriggerButton = false,\n    overlayClass,\n    contentClass,\n    contentRef,\n    scrollRef,\n\n    top,\n    bottom,\n    left,\n    right,\n    space,\n\n    ...props\n  } = propsWithContext\n\n  let currentHideCloseButton = hideCloseButton\n  let currentOmitTriggerButton = omitTriggerButton\n  let currentFullscreen = fullscreen\n  let currentPreventOverlayClose = preventOverlayClose\n\n  if (variant === 'confirmation') {\n    currentHideCloseButton =\n      hideCloseButton !== undefined ? hideCloseButton : true\n    currentOmitTriggerButton =\n      triggerAttributes !== undefined ? omitTriggerButton : true\n    currentPreventOverlayClose =\n      preventOverlayClose !== undefined ? preventOverlayClose : true\n  }\n\n  if (fullscreen === undefined && fullscreen !== false) {\n    currentFullscreen = variant === 'information' ? 'auto' : false\n  }\n\n  const modalProps = {\n    title,\n    id,\n    focusSelector,\n    labelledBy,\n    disabled,\n    spacing,\n    openDelay,\n    contentId,\n    dialogTitle,\n    closeTitle,\n    hideCloseButton: currentHideCloseButton,\n    preventClose,\n    preventOverlayClose: currentPreventOverlayClose,\n    animationDuration,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen: currentFullscreen,\n    openState,\n    directDomReturn,\n    rootId,\n    onOpen,\n    onClose,\n    onClosePrevent,\n    openModal,\n    closeModal,\n    omitTriggerButton: currentOmitTriggerButton,\n    trigger,\n    triggerAttributes,\n    overlayClass,\n    top,\n    bottom,\n    left,\n    right,\n    space,\n    contentRef,\n    scrollRef,\n  }\n\n  const dialogProps = {\n    ...props,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen: currentFullscreen,\n    spacing,\n    variant,\n  }\n\n  return (\n    <Modal\n      {...modalProps}\n      dialogRole={variant == 'information' ? 'dialog' : 'alertdialog'}\n      contentClass={classnames('dnb-dialog__root', contentClass)}\n    >\n      <DialogContent {...dialogProps} />\n    </Modal>\n  )\n}\n\nDialog.Body = DialogBody\nDialog.Header = DialogHeader\nDialog.Navigation = DialogNavigation\nDialog.Action = DialogAction\n\nexport default Dialog\n"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","names":["React","useContext","Modal","DialogContent","DialogBody","DialogHeader","DialogNavigation","classnames","Context","DialogAction","extendPropsWithContext","defaultProps","variant","spacing","Dialog","localProps","context","propsWithContext","id","rootId","contentId","focusSelector","labelledBy","directDomReturn","disabled","title","dialogTitle","closeTitle","noAnimation","noAnimationOnMobile","animationDuration","triggerAttributes","hideCloseButton","fullscreen","onOpen","onClose","onClosePrevent","openModal","closeModal","preventClose","preventOverlayClose","openState","openDelay","trigger","omitTriggerButton","overlayClass","contentClass","contentRef","scrollRef","top","bottom","left","right","space","props","_objectWithoutProperties","_excluded","currentHideCloseButton","currentOmitTriggerButton","currentFullscreen","currentPreventOverlayClose","undefined","modalProps","dialogProps","_objectSpread","createElement","_extends","dialogRole","Body","Header","Navigation","Action"],"sources":["../../../../src/components/dialog/Dialog.tsx"],"sourcesContent":["/**\n * Web Dialog Component\n *\n */\nimport React, { useContext } from 'react'\nimport Modal from '../modal/Modal'\nimport DialogContent from './DialogContent'\nimport DialogBody from './parts/DialogBody'\nimport DialogHeader from './parts/DialogHeader'\nimport DialogNavigation from './parts/DialogNavigation'\nimport { DialogProps, DialogContentProps } from './types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport DialogAction from './parts/DialogAction'\nimport { extendPropsWithContext } from '../../shared/component-helper'\n\nconst defaultProps = {\n  variant: 'information',\n  spacing: true,\n}\n\nfunction Dialog(localProps: DialogProps & DialogContentProps) {\n  const context = useContext(Context)\n\n  const propsWithContext = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.Dialog\n  )\n\n  const {\n    id,\n    rootId,\n    contentId,\n    focusSelector,\n    labelledBy,\n    directDomReturn,\n    disabled,\n\n    variant,\n    title,\n    dialogTitle,\n    closeTitle,\n    spacing,\n    noAnimation,\n    noAnimationOnMobile,\n    animationDuration,\n    triggerAttributes,\n    hideCloseButton,\n    fullscreen,\n\n    onOpen,\n    onClose,\n    onClosePrevent,\n    openModal,\n    closeModal,\n    preventClose,\n    preventOverlayClose,\n    openState,\n    openDelay,\n\n    trigger,\n    omitTriggerButton = false,\n    overlayClass,\n    contentClass,\n    contentRef,\n    scrollRef,\n\n    top,\n    bottom,\n    left,\n    right,\n    space,\n\n    ...props\n  } = propsWithContext\n\n  let currentHideCloseButton = hideCloseButton\n  let currentOmitTriggerButton = omitTriggerButton\n  let currentFullscreen = fullscreen\n  let currentPreventOverlayClose = preventOverlayClose\n\n  if (variant === 'confirmation') {\n    currentHideCloseButton =\n      hideCloseButton !== undefined ? hideCloseButton : true\n    currentOmitTriggerButton =\n      triggerAttributes !== undefined ? omitTriggerButton : true\n    currentPreventOverlayClose =\n      preventOverlayClose !== undefined ? preventOverlayClose : true\n  }\n\n  if (fullscreen === undefined && fullscreen !== false) {\n    currentFullscreen = variant === 'information' ? 'auto' : false\n  }\n\n  const modalProps = {\n    title,\n    id,\n    focusSelector,\n    labelledBy,\n    disabled,\n    spacing,\n    openDelay,\n    contentId,\n    dialogTitle,\n    closeTitle,\n    hideCloseButton: currentHideCloseButton,\n    preventClose,\n    preventOverlayClose: currentPreventOverlayClose,\n    animationDuration,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen: currentFullscreen,\n    openState,\n    directDomReturn,\n    rootId,\n    onOpen,\n    onClose,\n    onClosePrevent,\n    openModal,\n    closeModal,\n    omitTriggerButton: currentOmitTriggerButton,\n    trigger,\n    triggerAttributes,\n    overlayClass,\n    top,\n    bottom,\n    left,\n    right,\n    space,\n    contentRef,\n    scrollRef,\n  }\n\n  const dialogProps = {\n    ...props,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen: currentFullscreen,\n    spacing,\n    variant,\n  }\n\n  return (\n    <Modal\n      {...modalProps}\n      dialogRole={variant == 'information' ? 'dialog' : 'alertdialog'}\n      contentClass={classnames('dnb-dialog__root', contentClass)}\n    >\n      <DialogContent {...dialogProps} />\n    </Modal>\n  )\n}\n\nDialog.Body = DialogBody\nDialog.Header = DialogHeader\nDialog.Navigation = DialogNavigation\nDialog.Action = DialogAction\n\nexport default Dialog\n"],"mappings":"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"}

package/components/dialog/DialogContent.d.ts

@@ -2,6 +2,5 @@
  * Web Drawer Component
  *
  */
-/// <reference types="react" />
 import { DialogContentProps } from './types';
 export default function DialogContent({ modalContent, navContent, headerContent, alignContent, 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;

package/components/dialog/parts/DialogAction.d.ts

@@ -31,5 +31,5 @@ export type DialogActionProps = {
     children?: React.ReactElement | Array<React.ReactElement>;
 };
 export type DialogActionAllProps = DialogActionProps & SpacingProps & Omit<React.HTMLAttributes<HTMLElement>, 'children'>;
-declare const DialogAction: ({ declineText, confirmText, hideDecline, onConfirm, onDecline, className, children, ...props }: DialogActionAllProps) => JSX.Element;
+declare const DialogAction: ({ declineText, confirmText, hideDecline, onConfirm, onDecline, className, children, ...props }: DialogActionAllProps) => import("react/jsx-runtime").JSX.Element;
 export default DialogAction;

package/components/dialog/parts/DialogBody.d.ts

@@ -12,5 +12,5 @@ interface DialogBodyProps extends ModalInnerProps {
     styleType?: SectionStyleTypes;
 }
 export default function DialogBody({ className, styleType, ref, //eslint-disable-line
-...props }: DialogBodyProps & React.HTMLProps<HTMLElement>): JSX.Element;
+...props }: DialogBodyProps & React.HTMLProps<HTMLElement>): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/dialog/parts/DialogHeader.d.ts

@@ -5,5 +5,5 @@ interface DialogHeaderProps extends ModalHeaderProps, SpacingProps {
     titleClass?: string;
 }
 export default function DialogHeader({ className, titleClass, size, ref, // eslint-disable-line
-...props }: DialogHeaderProps & Omit<React.HTMLProps<HTMLElement>, 'size'>): JSX.Element;
+...props }: DialogHeaderProps & Omit<React.HTMLProps<HTMLElement>, 'size' | 'children'>): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/dialog/parts/DialogHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogHeader.js","names":["React","classnames","ModalHeader","DialogHeader","_ref","className","titleClass","size","ref","props","_objectWithoutProperties","_excluded","createElement","_extends","title_class"],"sources":["../../../../../src/components/dialog/parts/DialogHeader.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ModalHeader, {\n  ModalHeaderProps,\n} from '../../modal/parts/ModalHeader'\nimport type { SpacingProps } from '../../space/types'\n\ninterface DialogHeaderProps extends ModalHeaderProps, SpacingProps {\n  titleClass?: string\n}\n\nexport default function DialogHeader({\n  className,\n  titleClass,\n  size = 'large',\n  ref, // eslint-disable-line\n  ...props\n}: DialogHeaderProps & Omit<React.HTMLProps<HTMLElement>, 'size'>) {\n  return (\n    <ModalHeader\n      {...props}\n      size={size}\n      className={classnames('dnb-dialog__header', className)}\n      title_class={classnames('dnb-dialog__title', titleClass)}\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAEX,+BAA+B;AAOtC,eAAe,SAASC,YAAYA,CAAAC,IAAA,EAM+B;EAAA,IAN9B;MACnCC,SAAS;MACTC,UAAU;MACVC,IAAI,GAAG,OAAO;MACdC;IAE8D,CAAC,GAAAJ,IAAA;IAD5DK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,OACEX,KAAA,CAAAY,aAAA,CAACV,WAAW,EAAAW,QAAA,KACNJ,KAAK;IACTF,IAAI,EAAEA,IAAK;IACXF,SAAS,EAAEJ,UAAU,CAAC,oBAAoB,EAAEI,SAAS,CAAE;IACvDS,WAAW,EAAEb,UAAU,CAAC,mBAAmB,EAAEK,UAAU;EAAE,EAC1D,CAAC;AAEN"}
+{"version":3,"file":"DialogHeader.js","names":["React","classnames","ModalHeader","DialogHeader","_ref","className","titleClass","size","ref","props","_objectWithoutProperties","_excluded","createElement","_extends","title_class"],"sources":["../../../../../src/components/dialog/parts/DialogHeader.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ModalHeader, {\n  ModalHeaderProps,\n} from '../../modal/parts/ModalHeader'\nimport type { SpacingProps } from '../../space/types'\n\ninterface DialogHeaderProps extends ModalHeaderProps, SpacingProps {\n  titleClass?: string\n}\n\nexport default function DialogHeader({\n  className,\n  titleClass,\n  size = 'large',\n  ref, // eslint-disable-line\n  ...props\n}: DialogHeaderProps &\n  Omit<React.HTMLProps<HTMLElement>, 'size' | 'children'>) {\n  return (\n    <ModalHeader\n      {...props}\n      size={size}\n      className={classnames('dnb-dialog__header', className)}\n      title_class={classnames('dnb-dialog__title', titleClass)}\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAEX,+BAA+B;AAOtC,eAAe,SAASC,YAAYA,CAAAC,IAAA,EAOuB;EAAA,IAPtB;MACnCC,SAAS;MACTC,UAAU;MACVC,IAAI,GAAG,OAAO;MACdC;IAGsD,CAAC,GAAAJ,IAAA;IAFpDK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAGR,OACEX,KAAA,CAAAY,aAAA,CAACV,WAAW,EAAAW,QAAA,KACNJ,KAAK;IACTF,IAAI,EAAEA,IAAK;IACXF,SAAS,EAAEJ,UAAU,CAAC,oBAAoB,EAAEI,SAAS,CAAE;IACvDS,WAAW,EAAEb,UAAU,CAAC,mBAAmB,EAAEK,UAAU;EAAE,EAC1D,CAAC;AAEN"}

package/components/dialog/parts/DialogNavigation.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ModalHeaderBarProps } from '../../modal/parts/ModalHeaderBar';
 export default function DialogNavigation({ className, ref, //eslint-disable-line
-...props }: ModalHeaderBarProps & React.HTMLProps<HTMLElement>): JSX.Element;
+...props }: ModalHeaderBarProps & Omit<React.HTMLProps<HTMLElement>, 'children'>): import("react/jsx-runtime").JSX.Element;

package/components/dialog/parts/DialogNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogNavigation.js","names":["React","classnames","ModalHeaderBar","DialogNavigation","_ref","className","ref","props","_objectWithoutProperties","_excluded","createElement","_extends"],"sources":["../../../../../src/components/dialog/parts/DialogNavigation.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ModalHeaderBar, {\n  ModalHeaderBarProps,\n} from '../../modal/parts/ModalHeaderBar'\n\nexport default function DialogNavigation({\n  className,\n  ref, //eslint-disable-line\n  ...props\n}: ModalHeaderBarProps & React.HTMLProps<HTMLElement>) {\n  return (\n    <ModalHeaderBar\n      {...props}\n      className={classnames('dnb-dialog__navigation', className)}\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,cAAc,MAEd,kCAAkC;AAEzC,eAAe,SAASC,gBAAgBA,CAAAC,IAAA,EAIe;EAAA,IAJd;MACvCC,SAAS;MACTC;IAEkD,CAAC,GAAAF,IAAA;IADhDG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,OACET,KAAA,CAAAU,aAAA,CAACR,cAAc,EAAAS,QAAA,KACTJ,KAAK;IACTF,SAAS,EAAEJ,UAAU,CAAC,wBAAwB,EAAEI,SAAS;EAAE,EAC5D,CAAC;AAEN"}
+{"version":3,"file":"DialogNavigation.js","names":["React","classnames","ModalHeaderBar","DialogNavigation","_ref","className","ref","props","_objectWithoutProperties","_excluded","createElement","_extends"],"sources":["../../../../../src/components/dialog/parts/DialogNavigation.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ModalHeaderBar, {\n  ModalHeaderBarProps,\n} from '../../modal/parts/ModalHeaderBar'\n\nexport default function DialogNavigation({\n  className,\n  ref, //eslint-disable-line\n  ...props\n}: ModalHeaderBarProps & Omit<React.HTMLProps<HTMLElement>, 'children'>) {\n  return (\n    <ModalHeaderBar\n      {...props}\n      className={classnames('dnb-dialog__navigation', className)}\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,cAAc,MAEd,kCAAkC;AAEzC,eAAe,SAASC,gBAAgBA,CAAAC,IAAA,EAIiC;EAAA,IAJhC;MACvCC,SAAS;MACTC;IAEoE,CAAC,GAAAF,IAAA;IADlEG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,OACET,KAAA,CAAAU,aAAA,CAACR,cAAc,EAAAS,QAAA,KACTJ,KAAK;IACTF,SAAS,EAAEJ,UAAU,CAAC,wBAAwB,EAAEI,SAAS;EAAE,EAC5D,CAAC;AAEN"}

package/components/dialog/style/dnb-dialog.min.css

@@ -1 +1 @@
-@keyframes show-modal{0%{opacity:.1;transform:translate3d(0,-1rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hide-modal{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,1rem,0)}}@keyframes show-drawer{to{opacity:1;transform:translateZ(0)}}@keyframes hide-drawer-left{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-20rem,0,0)}}@keyframes hide-drawer-top{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20rem,0)}}@keyframes hide-drawer-bottom{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,20rem,0)}}@keyframes hide-drawer-right{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(20rem,0,0)}}@keyframes show-modal-overlay{0%{opacity:0}to{opacity:1}}@keyframes hide-modal-overlay{0%{opacity:1}to{opacity:0}}.dnb-dialog{--dialog-min-width:320px;--dialog-avg-width:60vw;--dialog-max-width:49rem;--dialog-confirm-max-width:40rem;--dialog-spacing:2rem;--dialog-spacing-minus:-2rem;-webkit-tap-highlight-color:rgba(0,0,0,0);border:none;border-radius:.5rem;box-shadow:var(--shadow-default);max-height:100vh;overflow:hidden;position:relative;-webkit-user-select:text;user-select:text}.dnb-dialog .dnb-scroll-view{max-height:90vh}.dnb-dialog__inner{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.dnb-dialog--information{max-width:var(--dialog-max-width);min-width:var(--dialog-min-width);width:var(--dialog-avg-width)}.dnb-dialog--confirmation{margin-left:1rem;margin-right:1rem;max-width:var(--dialog-confirm-max-width)}@media screen and (max-width:40em){.dnb-dialog--auto-fullscreen{border-radius:0;box-shadow:none;height:100vh;margin:auto 0;max-height:100vh;max-width:100%;width:100%}}.dnb-dialog--fullscreen{border-radius:0;box-shadow:none;height:100vh;margin:auto 0;max-height:100vh;max-width:100%;width:100%}.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__content{padding-bottom:calc(var(--dialog-spacing)*2)}.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner{padding-left:calc(var(--dialog-spacing)*1.75);padding-right:calc(var(--dialog-spacing)*1.75)}@media screen and (max-width:72em){.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner{padding-left:calc(var(--dialog-spacing));padding-right:calc(var(--dialog-spacing))}}@media screen and (max-width:40em){.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner{padding-left:calc(var(--dialog-spacing)/2);padding-right:calc(var(--dialog-spacing)/2)}}.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__navigation.dnb-section{margin-bottom:calc(var(--dialog-spacing)/2);margin-top:calc(var(--dialog-spacing))}@media screen and (max-width:60em){.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__navigation.dnb-section{margin-top:calc(var(--dialog-spacing)/2)}}.dnb-dialog--spacing.dnb-dialog--confirmation .dnb-dialog__inner{padding:calc(var(--dialog-spacing))}.dnb-dialog__align--centered .dnb-dialog__inner{align-items:center;justify-content:center}.dnb-dialog__align--centered.dnb-dialog--confirmation .dnb-dialog__content,.dnb-dialog__align--centered .dnb-dialog__title{text-align:center}.dnb-dialog__content{position:relative;z-index:1}.dnb-dialog__actions{grid-gap:1rem;display:flex;flex-flow:row wrap;gap:1rem;justify-content:center;padding-top:1.5rem;width:100%}.dnb-dialog--information .dnb-dialog__actions{justify-content:left}.dnb-dialog__align--center .dnb-dialog__content{align-items:center;text-align:center}.dnb-dialog__align--right .dnb-dialog__content{align-items:flex-end;text-align:right}.dnb-dialog__title~.dnb-dialog__content{padding-top:calc(var(--dialog-spacing)/2)}@media screen and (max-width:60em){.dnb-dialog__title{font-size:var(--font-size-large)!important;line-height:var(--line-height-medium)!important}}@media screen and (max-width:40em){.dnb-dialog__title{font-size:var(--font-size-medium)!important;line-height:var(--line-height-lead)!important}}.dnb-dialog--information .dnb-dialog__title{margin-bottom:var(--spacing-small)!important}.dnb-dialog--confirmation .dnb-dialog__title{margin-bottom:var(--spacing-x-small)!important}.dnb-dialog__navigation.dnb-section{display:flex;flex-direction:row;justify-content:space-between}html:not([data-visual-test]) .dnb-dialog{animation:show-modal var(--modal-animation-duration) ease-out}html:not([data-visual-test]) .dnb-dialog--hide{animation:hide-modal .22s ease-in-out forwards}.dnb-dialog--no-animation{animation-duration:0ms!important}@media screen and (max-width:40em){.dnb-dialog--no-animation-on-mobile{animation-delay:0ms!important;animation-duration:0ms!important}}.dnb-dialog__body{margin-bottom:calc(var(--dialog-spacing-minus)*2);padding-bottom:calc(var(--dialog-spacing)*2)}.dnb-dialog__header:after{height:600%;top:-500%}.dnb-dialog__header .dnb-modal__title,.dnb-dialog__header [class*=dnb-h--]{padding:0}.dnb-dialog__header .dnb-modal__title:not([class*=__top]),.dnb-dialog__header [class*=dnb-h--]:not([class*=__top]){margin-top:0}.dnb-dialog__header .dnb-modal__title:not([class*=__bottom]),.dnb-dialog__header [class*=dnb-h--]:not([class*=__bottom]){margin-bottom:0}.dnb-dialog--spacing .dnb-dialog__header .dnb-tabs{margin-top:3.5rem}.dnb-dialog__icon{display:flex}.dnb-dialog__icon~.dnb-dialog__header{margin-top:1.5rem}@supports (-webkit-touch-callout:none){@media (max-height:40em){.dnb-dialog .dnb-scroll-view{max-height:82vh}}}[data-visual-test].hide-page-content #___gatsby{opacity:0}
+@keyframes show-modal{0%{opacity:.1;transform:translate3d(0,-1rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hide-modal{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,1rem,0)}}@keyframes show-drawer{to{opacity:1;transform:translateZ(0)}}@keyframes hide-drawer-left{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-20rem,0,0)}}@keyframes hide-drawer-top{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20rem,0)}}@keyframes hide-drawer-bottom{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,20rem,0)}}@keyframes hide-drawer-right{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(20rem,0,0)}}@keyframes show-modal-overlay{0%{opacity:0}to{opacity:1}}@keyframes hide-modal-overlay{0%{opacity:1}to{opacity:0}}.dnb-dialog{--dialog-min-width:320px;--dialog-avg-width:60vw;--dialog-max-width:49rem;--dialog-confirm-max-width:40rem;--dialog-spacing:2rem;--dialog-spacing-minus:-2rem;-webkit-tap-highlight-color:rgba(0,0,0,0);border:none;border-radius:.5rem;box-shadow:var(--shadow-default);max-height:100vh;overflow:hidden;position:relative;-webkit-user-select:text;user-select:text}.dnb-dialog .dnb-scroll-view{max-height:90vh}.dnb-dialog__inner{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.dnb-dialog--information{max-width:var(--dialog-max-width);min-width:var(--dialog-min-width);width:var(--dialog-avg-width)}.dnb-dialog--confirmation{margin-left:1rem;margin-right:1rem;max-width:var(--dialog-confirm-max-width)}@media screen and (max-width:40em){.dnb-dialog--auto-fullscreen{border-radius:0;box-shadow:none;height:100vh;margin:auto 0;max-height:100vh;max-width:100%;width:100%}}.dnb-dialog--fullscreen{border-radius:0;box-shadow:none;height:100vh;margin:auto 0;max-height:100vh;max-width:100%;width:100%}.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__content{padding-bottom:calc(var(--dialog-spacing)*2)}.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner{padding-left:calc(var(--dialog-spacing)*1.75);padding-right:calc(var(--dialog-spacing)*1.75)}@media screen and (max-width:72em){.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner{padding-left:calc(var(--dialog-spacing));padding-right:calc(var(--dialog-spacing))}}@media screen and (max-width:40em){.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner{padding-left:calc(var(--dialog-spacing)/2);padding-right:calc(var(--dialog-spacing)/2)}}.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__navigation.dnb-section{margin-bottom:calc(var(--dialog-spacing)/2);margin-top:calc(var(--dialog-spacing))}@media screen and (max-width:60em){.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__navigation.dnb-section{margin-top:calc(var(--dialog-spacing)/2)}}.dnb-dialog--spacing.dnb-dialog--confirmation .dnb-dialog__inner{padding:calc(var(--dialog-spacing))}.dnb-dialog__align--centered .dnb-dialog__inner{align-items:center;justify-content:center}.dnb-dialog__align--centered .dnb-dialog__title,.dnb-dialog__align--centered.dnb-dialog--confirmation .dnb-dialog__content{text-align:center}.dnb-dialog__content{position:relative;z-index:1}.dnb-dialog__actions{grid-gap:1rem;display:flex;flex-flow:row wrap;gap:1rem;justify-content:center;padding-top:1.5rem;width:100%}.dnb-dialog--information .dnb-dialog__actions{justify-content:left}.dnb-dialog__align--center .dnb-dialog__content{align-items:center;text-align:center}.dnb-dialog__align--right .dnb-dialog__content{align-items:flex-end;text-align:right}.dnb-dialog__title~.dnb-dialog__content{padding-top:calc(var(--dialog-spacing)/2)}@media screen and (max-width:60em){.dnb-dialog__title{font-size:var(--font-size-large)!important;line-height:var(--line-height-medium)!important}}@media screen and (max-width:40em){.dnb-dialog__title{font-size:var(--font-size-medium)!important;line-height:var(--line-height-lead)!important}}.dnb-dialog--information .dnb-dialog__title{margin-bottom:var(--spacing-small)!important}.dnb-dialog--confirmation .dnb-dialog__title{margin-bottom:var(--spacing-x-small)!important}.dnb-dialog__navigation.dnb-section{display:flex;flex-direction:row;justify-content:space-between}html:not([data-visual-test]) .dnb-dialog{animation:show-modal var(--modal-animation-duration) ease-out}html:not([data-visual-test]) .dnb-dialog--hide{animation:hide-modal .22s ease-in-out forwards}.dnb-dialog--no-animation{animation-duration:0ms!important}@media screen and (max-width:40em){.dnb-dialog--no-animation-on-mobile{animation-delay:0ms!important;animation-duration:0ms!important}}.dnb-dialog__body{margin-bottom:calc(var(--dialog-spacing-minus)*2);padding-bottom:calc(var(--dialog-spacing)*2)}.dnb-dialog__header:after{height:600%;top:-500%}.dnb-dialog__header .dnb-modal__title,.dnb-dialog__header [class*=dnb-h--]{padding:0}.dnb-dialog__header .dnb-modal__title:not([class*=__top]),.dnb-dialog__header [class*=dnb-h--]:not([class*=__top]){margin-top:0}.dnb-dialog__header .dnb-modal__title:not([class*=__bottom]),.dnb-dialog__header [class*=dnb-h--]:not([class*=__bottom]){margin-bottom:0}.dnb-dialog--spacing .dnb-dialog__header .dnb-tabs{margin-top:3.5rem}.dnb-dialog__icon{display:flex}.dnb-dialog__icon~.dnb-dialog__header{margin-top:1.5rem}@supports (-webkit-touch-callout:none){@media (max-height:40em){.dnb-dialog .dnb-scroll-view{max-height:82vh}}}[data-visual-test].hide-page-content #___gatsby{opacity:0}

package/components/dialog/types.d.ts

@@ -2,12 +2,14 @@ import { ToCamelCasePartial } from '../../shared/helpers/withCamelCaseProps';
 import { ModalPropTypes } from '../modal/Modal';
 import { IconIcon } from '../Icon';
 import { DialogActionProps } from './parts/DialogAction';
+import { ReactChildType } from '../modal/types';
 import React from 'react';
 export interface DialogProps extends ToCamelCasePartial<ModalPropTypes> {
     /**
      * The dialog title. Displays on the very top of the content.
      */
     title?: React.ReactNode;
+    trigger?: ReactChildType;
 }
 export interface DialogContentProps extends Omit<DialogActionProps, 'children'> {
     /**
@@ -33,15 +35,15 @@ export interface DialogContentProps extends Omit<DialogActionProps, 'children'>
     /**
      * The content which will appear in the navigation, above the header, and side-by-side the close button.
      */
-    navContent?: React.ReactNode | ((...args: any[]) => any);
+    navContent?: ReactChildType;
     /**
      * The content which will appear in the header of the dialog.
      */
-    headerContent?: React.ReactNode | ((...args: any[]) => any);
+    headerContent?: ReactChildType;
     /**
      * The content which will appear when triggering the dialog.
      */
-    modalContent?: React.ReactNode | ((...args: any[]) => any);
+    modalContent?: ReactChildType;
     /**
      * Define the inner horizontal alignment of the content. Can be set to `left`, `center`, `right` and `centered`. If `centered`, then the content will also be centered vertically. Defaults to `left`.
      */
@@ -77,5 +79,5 @@ export interface DialogContentProps extends Omit<DialogActionProps, 'children'>
     /**
      * The content of the modal.
      */
-    children?: React.ReactNode;
+    children?: ReactChildType;
 }

package/components/dialog/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/dialog/types.ts"],"sourcesContent":["import { ToCamelCasePartial } from '../../shared/helpers/withCamelCaseProps'\nimport { ModalPropTypes } from '../modal/Modal'\nimport { IconIcon } from '../Icon'\nimport { DialogActionProps } from './parts/DialogAction'\nimport React from 'react'\n\nexport interface DialogProps extends ToCamelCasePartial<ModalPropTypes> {\n  /**\n   * The dialog title. Displays on the very top of the content.\n   */\n  title?: React.ReactNode\n}\n\nexport interface DialogContentProps\n  extends Omit<DialogActionProps, 'children'> {\n  /**\n   * The minimum Dialog content width, defined by a CSS width value like `50vw` (50% of the viewport). Be careful on using fixed `minWidth` so you don't break responsiveness. Defaults to `30rem` (average width is set to `60vw`).\n   */\n  minWidth?: string | number\n\n  /**\n   * The maximum Dialog content width, defined by a CSS width value like `20rem`. Defaults to `60rem` (average width is set to `60vw`).\n   */\n  maxWidth?: string | number\n\n  /**\n   * Give the Dialog content a class name (maps to `dnb-dialog`).\n   */\n  className?: string\n\n  /**\n   * If set to `false` then the dialog content will be shown without any spacing. Defaults to `true`.\n   */\n  spacing?: boolean\n\n  /**\n   * By default the dialog content gets added the core style class `dnb-core-style`. Use `false` to disable this behavior.\n   */\n  preventCoreStyle?: boolean\n\n  /**\n   * The content which will appear in the navigation, above the header, and side-by-side the close button.\n   */\n  navContent?: React.ReactNode | ((...args: any[]) => any)\n\n  /**\n   * The content which will appear in the header of the dialog.\n   */\n  headerContent?: React.ReactNode | ((...args: any[]) => any)\n\n  /**\n   * The content which will appear when triggering the dialog.\n   */\n  modalContent?: React.ReactNode | ((...args: any[]) => any)\n\n  /**\n   * Define the inner horizontal alignment of the content. Can be set to `left`, `center`, `right` and `centered`. If `centered`, then the content will also be centered vertically. Defaults to `left`.\n   */\n  alignContent?: 'left' | 'right' | 'centered' | 'center'\n\n  /**\n   * If set to `true` then the dialog content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`.\n   */\n  fullscreen?: boolean | string\n\n  /**\n   * If set to `true`, no open/close animation will be shown. Defaults to false.\n   */\n  noAnimation?: boolean\n\n  /**\n   * Same as `noAnimation`, but gets triggered only if the viewport width is less than `40em`. Defaults to false.\n   */\n  noAnimationOnMobile?: boolean\n\n  /**\n   * Variant of Dialog. Defaults to 'information'.\n   */\n  variant?: 'information' | 'confirmation'\n\n  /**\n   * An icon to display at the top of the component. Should be of size medium, so make sure you import the `_medium` version of the Eufemia icon.\n   */\n  icon?: IconIcon\n\n  /**\n   * For variant confirmation, the dialog is either an informational or a warning message. Defaults to 'info'.\n   */\n  confirmType?: 'info' | 'warning'\n\n  /**\n   * A description will be positioned below the title, but before the content.\n   */\n  description?: React.ReactNode\n\n  /**\n   * The content of the modal.\n   */\n  children?: React.ReactNode\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/dialog/types.ts"],"sourcesContent":["import { ToCamelCasePartial } from '../../shared/helpers/withCamelCaseProps'\nimport { ModalPropTypes } from '../modal/Modal'\nimport { IconIcon } from '../Icon'\nimport { DialogActionProps } from './parts/DialogAction'\nimport { ReactChildType } from '../modal/types'\nimport React from 'react'\n\nexport interface DialogProps extends ToCamelCasePartial<ModalPropTypes> {\n  /**\n   * The dialog title. Displays on the very top of the content.\n   */\n  title?: React.ReactNode\n  // redefining trigger property here, since ToCamelCasePartial messes up the extended trigger, causing type errors.\n  trigger?: ReactChildType\n}\n\nexport interface DialogContentProps\n  extends Omit<DialogActionProps, 'children'> {\n  /**\n   * The minimum Dialog content width, defined by a CSS width value like `50vw` (50% of the viewport). Be careful on using fixed `minWidth` so you don't break responsiveness. Defaults to `30rem` (average width is set to `60vw`).\n   */\n  minWidth?: string | number\n\n  /**\n   * The maximum Dialog content width, defined by a CSS width value like `20rem`. Defaults to `60rem` (average width is set to `60vw`).\n   */\n  maxWidth?: string | number\n\n  /**\n   * Give the Dialog content a class name (maps to `dnb-dialog`).\n   */\n  className?: string\n\n  /**\n   * If set to `false` then the dialog content will be shown without any spacing. Defaults to `true`.\n   */\n  spacing?: boolean\n\n  /**\n   * By default the dialog content gets added the core style class `dnb-core-style`. Use `false` to disable this behavior.\n   */\n  preventCoreStyle?: boolean\n\n  /**\n   * The content which will appear in the navigation, above the header, and side-by-side the close button.\n   */\n  navContent?: ReactChildType\n\n  /**\n   * The content which will appear in the header of the dialog.\n   */\n  headerContent?: ReactChildType\n\n  /**\n   * The content which will appear when triggering the dialog.\n   */\n  modalContent?: ReactChildType\n\n  /**\n   * Define the inner horizontal alignment of the content. Can be set to `left`, `center`, `right` and `centered`. If `centered`, then the content will also be centered vertically. Defaults to `left`.\n   */\n  alignContent?: 'left' | 'right' | 'centered' | 'center'\n\n  /**\n   * If set to `true` then the dialog content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`.\n   */\n  fullscreen?: boolean | string\n\n  /**\n   * If set to `true`, no open/close animation will be shown. Defaults to false.\n   */\n  noAnimation?: boolean\n\n  /**\n   * Same as `noAnimation`, but gets triggered only if the viewport width is less than `40em`. Defaults to false.\n   */\n  noAnimationOnMobile?: boolean\n\n  /**\n   * Variant of Dialog. Defaults to 'information'.\n   */\n  variant?: 'information' | 'confirmation'\n\n  /**\n   * An icon to display at the top of the component. Should be of size medium, so make sure you import the `_medium` version of the Eufemia icon.\n   */\n  icon?: IconIcon\n\n  /**\n   * For variant confirmation, the dialog is either an informational or a warning message. Defaults to 'info'.\n   */\n  confirmType?: 'info' | 'warning'\n\n  /**\n   * A description will be positioned below the title, but before the content.\n   */\n  description?: React.ReactNode\n\n  /**\n   * The content of the modal.\n   */\n  children?: ReactChildType\n}\n"],"mappings":""}

package/components/drawer/Drawer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import DrawerBody from './parts/DrawerBody';
 import DrawerHeader from './parts/DrawerHeader';
 import DrawerNavigation from './parts/DrawerNavigation';

package/components/drawer/DrawerContent.d.ts

@@ -2,6 +2,5 @@
  * Web Drawer Component
  *
  */
-/// <reference types="react" />
 import { DrawerContentProps } from './types';
 export default function DrawerContent({ modalContent, navContent, headerContent, alignContent, containerPlacement, preventCoreStyle, className, spacing, fullscreen, noAnimation, noAnimationOnMobile, minWidth: min_width, maxWidth: max_width, ...rest }: DrawerContentProps): JSX.Element;

package/components/drawer/parts/DrawerBody.d.ts

@@ -12,5 +12,5 @@ interface DrawerBodyProps extends ModalInnerProps {
     styleType?: SectionStyleTypes;
 }
 export default function DrawerBody({ className, styleType, ref, //eslint-disable-line
-...props }: DrawerBodyProps & React.HTMLProps<HTMLElement>): JSX.Element;
+...props }: DrawerBodyProps & React.HTMLProps<HTMLElement>): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/drawer/parts/DrawerHeader.d.ts

@@ -4,5 +4,5 @@ interface DrawerHeaderProps extends ModalHeaderProps {
     titleClass?: string;
 }
 export default function DrawerHeader({ className, titleClass, size, ref, // eslint-disable-line
-...props }: DrawerHeaderProps & Omit<React.HTMLProps<HTMLElement>, 'size'>): JSX.Element;
+...props }: DrawerHeaderProps & Omit<React.HTMLProps<HTMLElement>, 'size' | 'children'>): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/drawer/parts/DrawerHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerHeader.js","names":["React","classnames","ModalHeader","DrawerContentContext","DrawerHeader","_ref","className","titleClass","size","ref","props","_objectWithoutProperties","_excluded","contentContext","useContext","headerElement","createElement","_extends","title_class"],"sources":["../../../../../src/components/drawer/parts/DrawerHeader.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ModalHeader, {\n  ModalHeaderProps,\n} from '../../modal/parts/ModalHeader'\nimport { DrawerContentContext } from './DrawerContentContext'\n\ninterface DrawerHeaderProps extends ModalHeaderProps {\n  titleClass?: string\n}\n\nexport default function DrawerHeader({\n  className,\n  titleClass,\n  size = 'x-large',\n  ref, // eslint-disable-line\n  ...props\n}: DrawerHeaderProps & Omit<React.HTMLProps<HTMLElement>, 'size'>) {\n  const contentContext = React.useContext(DrawerContentContext)\n  if (contentContext?.headerElement) {\n    return null\n  }\n  return (\n    <ModalHeader\n      {...props}\n      size={size}\n      className={classnames('dnb-drawer__header', className)}\n      title_class={classnames('dnb-drawer__title', titleClass)}\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAEX,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAM7D,eAAe,SAASC,YAAYA,CAAAC,IAAA,EAM+B;EAAA,IAN9B;MACnCC,SAAS;MACTC,UAAU;MACVC,IAAI,GAAG,SAAS;MAChBC;IAE8D,CAAC,GAAAJ,IAAA;IAD5DK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,MAAMC,cAAc,GAAGb,KAAK,CAACc,UAAU,CAACX,oBAAoB,CAAC;EAC7D,IAAIU,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEE,aAAa,EAAE;IACjC,OAAO,IAAI;EACb;EACA,OACEf,KAAA,CAAAgB,aAAA,CAACd,WAAW,EAAAe,QAAA,KACNP,KAAK;IACTF,IAAI,EAAEA,IAAK;IACXF,SAAS,EAAEL,UAAU,CAAC,oBAAoB,EAAEK,SAAS,CAAE;IACvDY,WAAW,EAAEjB,UAAU,CAAC,mBAAmB,EAAEM,UAAU;EAAE,EAC1D,CAAC;AAEN"}
+{"version":3,"file":"DrawerHeader.js","names":["React","classnames","ModalHeader","DrawerContentContext","DrawerHeader","_ref","className","titleClass","size","ref","props","_objectWithoutProperties","_excluded","contentContext","useContext","headerElement","createElement","_extends","title_class"],"sources":["../../../../../src/components/drawer/parts/DrawerHeader.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ModalHeader, {\n  ModalHeaderProps,\n} from '../../modal/parts/ModalHeader'\nimport { DrawerContentContext } from './DrawerContentContext'\n\ninterface DrawerHeaderProps extends ModalHeaderProps {\n  titleClass?: string\n}\n\nexport default function DrawerHeader({\n  className,\n  titleClass,\n  size = 'x-large',\n  ref, // eslint-disable-line\n  ...props\n}: DrawerHeaderProps &\n  Omit<React.HTMLProps<HTMLElement>, 'size' | 'children'>) {\n  const contentContext = React.useContext(DrawerContentContext)\n  if (contentContext?.headerElement) {\n    return null\n  }\n  return (\n    <ModalHeader\n      {...props}\n      size={size}\n      className={classnames('dnb-drawer__header', className)}\n      title_class={classnames('dnb-drawer__title', titleClass)}\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAEX,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAM7D,eAAe,SAASC,YAAYA,CAAAC,IAAA,EAOuB;EAAA,IAPtB;MACnCC,SAAS;MACTC,UAAU;MACVC,IAAI,GAAG,SAAS;MAChBC;IAGsD,CAAC,GAAAJ,IAAA;IAFpDK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAGR,MAAMC,cAAc,GAAGb,KAAK,CAACc,UAAU,CAACX,oBAAoB,CAAC;EAC7D,IAAIU,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEE,aAAa,EAAE;IACjC,OAAO,IAAI;EACb;EACA,OACEf,KAAA,CAAAgB,aAAA,CAACd,WAAW,EAAAe,QAAA,KACNP,KAAK;IACTF,IAAI,EAAEA,IAAK;IACXF,SAAS,EAAEL,UAAU,CAAC,oBAAoB,EAAEK,SAAS,CAAE;IACvDY,WAAW,EAAEjB,UAAU,CAAC,mBAAmB,EAAEM,UAAU;EAAE,EAC1D,CAAC;AAEN"}

package/components/drawer/parts/DrawerNavigation.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ModalHeaderBarProps } from '../../modal/parts/ModalHeaderBar';
 export default function DrawerNavigation({ className, ref, //eslint-disable-line
-...props }: ModalHeaderBarProps & React.HTMLProps<HTMLElement>): JSX.Element;
+...props }: ModalHeaderBarProps & Omit<React.HTMLProps<HTMLElement>, 'children'>): import("react/jsx-runtime").JSX.Element;