@dnb/eufemia 10.3.0 → 10.4.1

package/cjs/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/cjs/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/cjs/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/cjs/components/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["_react","_interopRequireWildcard","require","_Modal","_interopRequireDefault","_DialogContent","_DialogBody","_DialogHeader","_DialogNavigation","_classnames","_Context","_DialogAction","_componentHelper","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","defaultProps","variant","spacing","Dialog","localProps","context","useContext","Context","propsWithContext","extendPropsWithContext","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","currentHideCloseButton","currentOmitTriggerButton","currentFullscreen","currentPreventOverlayClose","modalProps","dialogProps","createElement","dialogRole","classnames","Body","DialogBody","Header","DialogHeader","Navigation","DialogNavigation","Action","DialogAction","_default","exports"],"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","_interopRequireWildcard","require","_Modal","_interopRequireDefault","_DialogContent","_DialogBody","_DialogHeader","_DialogNavigation","_classnames","_Context","_DialogAction","_componentHelper","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","defaultProps","variant","spacing","Dialog","localProps","context","useContext","Context","propsWithContext","extendPropsWithContext","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","currentHideCloseButton","currentOmitTriggerButton","currentFullscreen","currentPreventOverlayClose","modalProps","dialogProps","createElement","dialogRole","classnames","Body","DialogBody","Header","DialogHeader","Navigation","DialogNavigation","Action","DialogAction","_default","exports"],"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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/dialog/parts/DialogHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogHeader.js","names":["_react","_interopRequireDefault","require","_classnames","_ModalHeader","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DialogHeader","_ref","className","titleClass","size","ref","props","createElement","classnames","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEsC,MAAAG,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAOvB,SAASmB,YAAYA,CAAAC,IAAA,EAM+B;EAAA,IAN9B;MACnCC,SAAS;MACTC,UAAU;MACVC,IAAI,GAAG,OAAO;MACdC;IAE8D,CAAC,GAAAJ,IAAA;IAD5DK,KAAK,GAAAf,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAER,OACEL,MAAA,CAAAQ,OAAA,CAAA+B,aAAA,CAACnC,YAAA,CAAAI,OAAW,EAAAC,QAAA,KACN6B,KAAK;IACTF,IAAI,EAAEA,IAAK;IACXF,SAAS,EAAE,IAAAM,mBAAU,EAAC,oBAAoB,EAAEN,SAAS,CAAE;IACvDO,WAAW,EAAE,IAAAD,mBAAU,EAAC,mBAAmB,EAAEL,UAAU;EAAE,EAC1D,CAAC;AAEN"}
+{"version":3,"file":"DialogHeader.js","names":["_react","_interopRequireDefault","require","_classnames","_ModalHeader","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DialogHeader","_ref","className","titleClass","size","ref","props","createElement","classnames","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEsC,MAAAG,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAOvB,SAASmB,YAAYA,CAAAC,IAAA,EAOuB;EAAA,IAPtB;MACnCC,SAAS;MACTC,UAAU;MACVC,IAAI,GAAG,OAAO;MACdC;IAGsD,CAAC,GAAAJ,IAAA;IAFpDK,KAAK,GAAAf,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAGR,OACEL,MAAA,CAAAQ,OAAA,CAAA+B,aAAA,CAACnC,YAAA,CAAAI,OAAW,EAAAC,QAAA,KACN6B,KAAK;IACTF,IAAI,EAAEA,IAAK;IACXF,SAAS,EAAE,IAAAM,mBAAU,EAAC,oBAAoB,EAAEN,SAAS,CAAE;IACvDO,WAAW,EAAE,IAAAD,mBAAU,EAAC,mBAAmB,EAAEL,UAAU;EAAE,EAC1D,CAAC;AAEN"}

package/cjs/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/cjs/components/dialog/parts/DialogNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogNavigation.js","names":["_react","_interopRequireDefault","require","_classnames","_ModalHeaderBar","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DialogNavigation","_ref","className","ref","props","createElement","classnames"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEyC,MAAAG,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAE1B,SAASmB,gBAAgBA,CAAAC,IAAA,EAIe;EAAA,IAJd;MACvCC,SAAS;MACTC;IAEkD,CAAC,GAAAF,IAAA;IADhDG,KAAK,GAAAb,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAER,OACEL,MAAA,CAAAQ,OAAA,CAAA6B,aAAA,CAACjC,eAAA,CAAAI,OAAc,EAAAC,QAAA,KACT2B,KAAK;IACTF,SAAS,EAAE,IAAAI,mBAAU,EAAC,wBAAwB,EAAEJ,SAAS;EAAE,EAC5D,CAAC;AAEN"}
+{"version":3,"file":"DialogNavigation.js","names":["_react","_interopRequireDefault","require","_classnames","_ModalHeaderBar","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DialogNavigation","_ref","className","ref","props","createElement","classnames"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEyC,MAAAG,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAE1B,SAASmB,gBAAgBA,CAAAC,IAAA,EAIiC;EAAA,IAJhC;MACvCC,SAAS;MACTC;IAEoE,CAAC,GAAAF,IAAA;IADlEG,KAAK,GAAAb,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAER,OACEL,MAAA,CAAAQ,OAAA,CAAA6B,aAAA,CAACjC,eAAA,CAAAI,OAAc,EAAAC,QAAA,KACT2B,KAAK;IACTF,SAAS,EAAE,IAAAI,mBAAU,EAAC,wBAAwB,EAAEJ,SAAS;EAAE,EAC5D,CAAC;AAEN"}

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/drawer/parts/DrawerHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerHeader.js","names":["_react","_interopRequireDefault","require","_classnames","_ModalHeader","_DrawerContentContext","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DrawerHeader","_ref","className","titleClass","size","ref","props","contentContext","React","useContext","DrawerContentContext","headerElement","createElement","classnames","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGA,IAAAG,qBAAA,GAAAH,OAAA;AAA6D,MAAAI,SAAA;AAAA,SAAAL,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAM9C,SAASmB,YAAYA,CAAAC,IAAA,EAM+B;EAAA,IAN9B;MACnCC,SAAS;MACTC,UAAU;MACVC,IAAI,GAAG,SAAS;MAChBC;IAE8D,CAAC,GAAAJ,IAAA;IAD5DK,KAAK,GAAAf,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAER,MAAMkC,cAAc,GAAGC,cAAK,CAACC,UAAU,CAACC,0CAAoB,CAAC;EAC7D,IAAIH,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEI,aAAa,EAAE;IACjC,OAAO,IAAI;EACb;EACA,OACE5C,MAAA,CAAAS,OAAA,CAAAoC,aAAA,CAACzC,YAAA,CAAAK,OAAW,EAAAC,QAAA,KACN6B,KAAK;IACTF,IAAI,EAAEA,IAAK;IACXF,SAAS,EAAE,IAAAW,mBAAU,EAAC,oBAAoB,EAAEX,SAAS,CAAE;IACvDY,WAAW,EAAE,IAAAD,mBAAU,EAAC,mBAAmB,EAAEV,UAAU;EAAE,EAC1D,CAAC;AAEN"}
+{"version":3,"file":"DrawerHeader.js","names":["_react","_interopRequireDefault","require","_classnames","_ModalHeader","_DrawerContentContext","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DrawerHeader","_ref","className","titleClass","size","ref","props","contentContext","React","useContext","DrawerContentContext","headerElement","createElement","classnames","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGA,IAAAG,qBAAA,GAAAH,OAAA;AAA6D,MAAAI,SAAA;AAAA,SAAAL,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAM9C,SAASmB,YAAYA,CAAAC,IAAA,EAOuB;EAAA,IAPtB;MACnCC,SAAS;MACTC,UAAU;MACVC,IAAI,GAAG,SAAS;MAChBC;IAGsD,CAAC,GAAAJ,IAAA;IAFpDK,KAAK,GAAAf,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAGR,MAAMkC,cAAc,GAAGC,cAAK,CAACC,UAAU,CAACC,0CAAoB,CAAC;EAC7D,IAAIH,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEI,aAAa,EAAE;IACjC,OAAO,IAAI;EACb;EACA,OACE5C,MAAA,CAAAS,OAAA,CAAAoC,aAAA,CAACzC,YAAA,CAAAK,OAAW,EAAAC,QAAA,KACN6B,KAAK;IACTF,IAAI,EAAEA,IAAK;IACXF,SAAS,EAAE,IAAAW,mBAAU,EAAC,oBAAoB,EAAEX,SAAS,CAAE;IACvDY,WAAW,EAAE,IAAAD,mBAAU,EAAC,mBAAmB,EAAEV,UAAU;EAAE,EAC1D,CAAC;AAEN"}

package/cjs/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;

package/cjs/components/drawer/parts/DrawerNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerNavigation.js","names":["_react","_interopRequireDefault","require","_classnames","_ModalHeaderBar","_DrawerContentContext","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DrawerNavigation","_ref","className","ref","props","contentContext","React","useContext","DrawerContentContext","navigationElement","createElement","classnames","shadow_class"],"sources":["../../../../../src/components/drawer/parts/DrawerNavigation.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ModalHeaderBar, {\n  ModalHeaderBarProps,\n} from '../../modal/parts/ModalHeaderBar'\nimport { DrawerContentContext } from './DrawerContentContext'\n\nexport default function DrawerNavigation({\n  className,\n  ref, //eslint-disable-line\n  ...props\n}: ModalHeaderBarProps & React.HTMLProps<HTMLElement>) {\n  const contentContext = React.useContext(DrawerContentContext)\n  if (contentContext?.navigationElement) {\n    return null\n  }\n  return (\n    <ModalHeaderBar\n      {...props}\n      className={classnames('dnb-drawer__navigation', className)}\n      shadow_class=\"dnb-drawer__navigation--sticky\"\n    />\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGA,IAAAG,qBAAA,GAAAH,OAAA;AAA6D,MAAAI,SAAA;AAAA,SAAAL,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAE9C,SAASmB,gBAAgBA,CAAAC,IAAA,EAIe;EAAA,IAJd;MACvCC,SAAS;MACTC;IAEkD,CAAC,GAAAF,IAAA;IADhDG,KAAK,GAAAb,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAER,MAAMgC,cAAc,GAAGC,cAAK,CAACC,UAAU,CAACC,0CAAoB,CAAC;EAC7D,IAAIH,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEI,iBAAiB,EAAE;IACrC,OAAO,IAAI;EACb;EACA,OACE1C,MAAA,CAAAS,OAAA,CAAAkC,aAAA,CAACvC,eAAA,CAAAK,OAAc,EAAAC,QAAA,KACT2B,KAAK;IACTF,SAAS,EAAE,IAAAS,mBAAU,EAAC,wBAAwB,EAAET,SAAS,CAAE;IAC3DU,YAAY,EAAC;EAAgC,EAC9C,CAAC;AAEN"}
+{"version":3,"file":"DrawerNavigation.js","names":["_react","_interopRequireDefault","require","_classnames","_ModalHeaderBar","_DrawerContentContext","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DrawerNavigation","_ref","className","ref","props","contentContext","React","useContext","DrawerContentContext","navigationElement","createElement","classnames","shadow_class"],"sources":["../../../../../src/components/drawer/parts/DrawerNavigation.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ModalHeaderBar, {\n  ModalHeaderBarProps,\n} from '../../modal/parts/ModalHeaderBar'\nimport { DrawerContentContext } from './DrawerContentContext'\n\nexport default function DrawerNavigation({\n  className,\n  ref, //eslint-disable-line\n  ...props\n}: ModalHeaderBarProps & Omit<React.HTMLProps<HTMLElement>, 'children'>) {\n  const contentContext = React.useContext(DrawerContentContext)\n  if (contentContext?.navigationElement) {\n    return null\n  }\n  return (\n    <ModalHeaderBar\n      {...props}\n      className={classnames('dnb-drawer__navigation', className)}\n      shadow_class=\"dnb-drawer__navigation--sticky\"\n    />\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGA,IAAAG,qBAAA,GAAAH,OAAA;AAA6D,MAAAI,SAAA;AAAA,SAAAL,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAE9C,SAASmB,gBAAgBA,CAAAC,IAAA,EAIiC;EAAA,IAJhC;MACvCC,SAAS;MACTC;IAEoE,CAAC,GAAAF,IAAA;IADlEG,KAAK,GAAAb,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAER,MAAMgC,cAAc,GAAGC,cAAK,CAACC,UAAU,CAACC,0CAAoB,CAAC;EAC7D,IAAIH,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEI,iBAAiB,EAAE;IACrC,OAAO,IAAI;EACb;EACA,OACE1C,MAAA,CAAAS,OAAA,CAAAkC,aAAA,CAACvC,eAAA,CAAAK,OAAc,EAAAC,QAAA,KACT2B,KAAK;IACTF,SAAS,EAAE,IAAAS,mBAAU,EAAC,wBAAwB,EAAET,SAAS,CAAE;IAC3DU,YAAY,EAAC;EAAgC,EAC9C,CAAC;AAEN"}

package/cjs/components/drawer/types.d.ts

@@ -2,6 +2,7 @@
 import { ToCamelCasePartial } from '../../shared/helpers/withCamelCaseProps';
 import { ScrollViewAllProps } from '../../fragments/ScrollView';
 import { ModalPropTypes } from '../modal/Modal';
+import { ReactChildType } from '../modal/types';
 export type DrawerProps = {
     /**
      * Defines the placement on what side the Drawer should be opened. Can be set to `left`, `right`, `top` and `bottom`. Defaults to `right`.
@@ -36,15 +37,19 @@ export type DrawerContentProps = {
     /**
      * 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 drawer.
      */
-    headerContent?: React.ReactNode | ((...args: any[]) => any);
+    headerContent?: ReactChildType;
     /**
      * The content which will appear when triggering the drawer.
      */
-    modalContent?: React.ReactNode | ((...args: any[]) => any);
+    modalContent?: ReactChildType;
+    /**
+     * The content which will appear when triggering the modal/drawer.
+     */
+    children?: 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`.
      */
@@ -65,4 +70,4 @@ export type DrawerContentProps = {
      * Same as `no_animation`, but gets triggered only if the viewport width is less than `40em`. Defaults to false.
      */
     noAnimationOnMobile?: boolean;
-} & ScrollViewAllProps;
+} & Omit<ScrollViewAllProps, 'children'>;

package/cjs/components/drawer/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/drawer/types.ts"],"sourcesContent":["import { ToCamelCasePartial } from '../../shared/helpers/withCamelCaseProps'\nimport { ScrollViewAllProps } from '../../fragments/ScrollView'\nimport { ModalPropTypes } from '../modal/Modal'\n\nexport type DrawerProps = {\n  /**\n   * Defines the placement on what side the Drawer should be opened. Can be set to `left`, `right`, `top` and `bottom`. Defaults to `right`.\n   */\n  containerPlacement?: 'left' | 'right' | 'top' | 'bottom'\n\n  /**\n   * The drawer title. Displays on the very top of the content.\n   */\n  title?: React.ReactNode\n} & ToCamelCasePartial<ModalPropTypes>\n\nexport type DrawerContentProps = {\n  /**\n   * The minimum Drawer 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 Drawer 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 Drawer content a class name (maps to `dnb-drawer`).\n   */\n  className?: string\n\n  /**\n   * If set to `false` then the drawer content will be shown without any spacing. Defaults to `true`.\n   */\n  spacing?: boolean\n\n  /**\n   * By default the drawer 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 drawer.\n   */\n  headerContent?: React.ReactNode | ((...args: any[]) => any)\n\n  /**\n   * The content which will appear when triggering the drawer.\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 drawer 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   * Defines the placement on what side the Drawer should be opened. Can be set to `left`, `right`, `top` and `bottom`. Defaults to `right`.\n   */\n  containerPlacement?: 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 `no_animation`, but gets triggered only if the viewport width is less than `40em`. Defaults to false.\n   */\n  noAnimationOnMobile?: boolean\n} & ScrollViewAllProps\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/drawer/types.ts"],"sourcesContent":["import { ToCamelCasePartial } from '../../shared/helpers/withCamelCaseProps'\nimport { ScrollViewAllProps } from '../../fragments/ScrollView'\nimport { ModalPropTypes } from '../modal/Modal'\nimport { ReactChildType } from '../modal/types'\n\nexport type DrawerProps = {\n  /**\n   * Defines the placement on what side the Drawer should be opened. Can be set to `left`, `right`, `top` and `bottom`. Defaults to `right`.\n   */\n  containerPlacement?: 'left' | 'right' | 'top' | 'bottom'\n\n  /**\n   * The drawer title. Displays on the very top of the content.\n   */\n  title?: React.ReactNode\n} & ToCamelCasePartial<ModalPropTypes>\n\nexport type DrawerContentProps = {\n  /**\n   * The minimum Drawer 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 Drawer 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 Drawer content a class name (maps to `dnb-drawer`).\n   */\n  className?: string\n\n  /**\n   * If set to `false` then the drawer content will be shown without any spacing. Defaults to `true`.\n   */\n  spacing?: boolean\n\n  /**\n   * By default the drawer 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 drawer.\n   */\n  headerContent?: ReactChildType\n\n  /**\n   * The content which will appear when triggering the drawer.\n   */\n  modalContent?: ReactChildType\n\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: 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 drawer 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   * Defines the placement on what side the Drawer should be opened. Can be set to `left`, `right`, `top` and `bottom`. Defaults to `right`.\n   */\n  containerPlacement?: 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 `no_animation`, but gets triggered only if the viewport width is less than `40em`. Defaults to false.\n   */\n  noAnimationOnMobile?: boolean\n} & Omit<ScrollViewAllProps, 'children'>\n"],"mappings":""}

package/cjs/components/global-error/GlobalError.d.ts

@@ -61,4 +61,4 @@ export type GlobalErrorTranslation = {
     404?: GlobalErrorTranslationContent;
     500?: GlobalErrorTranslationContent;
 };
-export default function GlobalError(localProps: GlobalErrorAllProps): JSX.Element;
+export default function GlobalError(localProps: GlobalErrorAllProps): import("react/jsx-runtime").JSX.Element;

package/cjs/components/heading/Heading.d.ts

@@ -74,14 +74,14 @@ export type HeadingProps = {
     element?: DynamicElement;
 };
 export type HeadingAllProps = HeadingProps & Omit<React.HTMLProps<HTMLElement>, 'size'> & SpacingProps;
-declare function Heading(props: HeadingAllProps): JSX.Element;
+declare function Heading(props: HeadingAllProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Heading {
     var Level: typeof HeadingProvider;
-    var Increase: (props: HeadingStaticProps) => JSX.Element;
-    var Decrease: (props: HeadingStaticProps) => JSX.Element;
-    var Up: (props: HeadingStaticProps) => JSX.Element;
-    var Down: (props: HeadingStaticProps) => JSX.Element;
-    var Reset: (props: HeadingStaticProps) => JSX.Element;
+    var Increase: (props: HeadingStaticProps) => import("react/jsx-runtime").JSX.Element;
+    var Decrease: (props: HeadingStaticProps) => import("react/jsx-runtime").JSX.Element;
+    var Up: (props: HeadingStaticProps) => import("react/jsx-runtime").JSX.Element;
+    var Down: (props: HeadingStaticProps) => import("react/jsx-runtime").JSX.Element;
+    var Reset: (props: HeadingStaticProps) => import("react/jsx-runtime").JSX.Element;
     var resetLevels: typeof import("./HeadingHelpers").resetLevels;
     var setNextLevel: typeof import("./HeadingHelpers").setNextLevel;
 }