@dnb/eufemia 10.3.0 → 10.4.0

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerNavigation.js","names":["React","classnames","ModalHeaderBar","DrawerContentContext","DrawerNavigation","_ref","className","ref","props","_objectWithoutProperties","_excluded","contentContext","useContext","navigationElement","createElement","_extends","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,cAAc,MAEd,kCAAkC;AACzC,SAASC,oBAAoB,QAAQ,wBAAwB;AAE7D,eAAe,SAASC,gBAAgBA,CAAAC,IAAA,EAIe;EAAA,IAJd;MACvCC,SAAS;MACTC;IAEkD,CAAC,GAAAF,IAAA;IADhDG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,MAAMC,cAAc,GAAGX,KAAK,CAACY,UAAU,CAACT,oBAAoB,CAAC;EAC7D,IAAIQ,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEE,iBAAiB,EAAE;IACrC,OAAO,IAAI;EACb;EACA,OACEb,KAAA,CAAAc,aAAA,CAACZ,cAAc,EAAAa,QAAA,KACTP,KAAK;IACTF,SAAS,EAAEL,UAAU,CAAC,wBAAwB,EAAEK,SAAS,CAAE;IAC3DU,YAAY,EAAC;EAAgC,EAC9C,CAAC;AAEN"}
+{"version":3,"file":"DrawerNavigation.js","names":["React","classnames","ModalHeaderBar","DrawerContentContext","DrawerNavigation","_ref","className","ref","props","_objectWithoutProperties","_excluded","contentContext","useContext","navigationElement","createElement","_extends","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,cAAc,MAEd,kCAAkC;AACzC,SAASC,oBAAoB,QAAQ,wBAAwB;AAE7D,eAAe,SAASC,gBAAgBA,CAAAC,IAAA,EAIiC;EAAA,IAJhC;MACvCC,SAAS;MACTC;IAEoE,CAAC,GAAAF,IAAA;IADlEG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,MAAMC,cAAc,GAAGX,KAAK,CAACY,UAAU,CAACT,oBAAoB,CAAC;EAC7D,IAAIQ,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEE,iBAAiB,EAAE;IACrC,OAAO,IAAI;EACb;EACA,OACEb,KAAA,CAAAc,aAAA,CAACZ,cAAc,EAAAa,QAAA,KACTP,KAAK;IACTF,SAAS,EAAEL,UAAU,CAAC,wBAAwB,EAAEK,SAAS,CAAE;IAC3DU,YAAY,EAAC;EAAgC,EAC9C,CAAC;AAEN"}

package/es/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/es/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/es/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/es/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;
 }

package/es/components/heading/HeadingProvider.d.ts

@@ -6,4 +6,4 @@ import React from 'react';
 import { HeadingProps } from './Heading';
 export type HeadingProviderProps = HeadingProps;
 export type HeadingProviderAllProps = HeadingProviderProps & React.HTMLProps<HTMLElement>;
-export default function HeadingProvider(props: HeadingProviderAllProps): JSX.Element;
+export default function HeadingProvider(props: HeadingProviderAllProps): import("react/jsx-runtime").JSX.Element;

package/es/components/height-animation/HeightAnimation.d.ts

@@ -30,4 +30,4 @@ export type HeightAnimationProps = {
     innerRef?: React.RefObject<HTMLElement>;
 } & useHeightAnimationOptions;
 export type HeightAnimationAllProps = HeightAnimationProps & SpacingProps & Omit<React.HTMLProps<HTMLElement>, 'ref'>;
-export default function HeightAnimation({ open, animate, keepInDOM, showOverflow, element, duration, className, innerRef, children, onInit, onOpen, onAnimationEnd, ...rest }: HeightAnimationAllProps): JSX.Element;
+export default function HeightAnimation({ open, animate, keepInDOM, showOverflow, element, duration, className, innerRef, children, onInit, onOpen, onAnimationEnd, ...rest }: HeightAnimationAllProps): import("react/jsx-runtime").JSX.Element;

package/es/components/help-button/HelpButton.d.ts

@@ -7,4 +7,4 @@ import type { ButtonProps } from '../button/Button';
 export type HelpButtonProps = {
     render?: (children: React.ReactNode, props: ButtonProps) => React.ReactElement;
 } & ButtonProps;
-export default function HelpButton(localProps: HelpButtonProps): JSX.Element;
+export default function HelpButton(localProps: HelpButtonProps): import("react/jsx-runtime").JSX.Element;

package/es/components/help-button/HelpButtonInstance.d.ts

@@ -2,6 +2,5 @@
  * Web HelpButton Component
  *
  */
-/// <reference types="react" />
 import { ButtonProps } from '../button/Button';
-export default function HelpButtonInstance(localProps: ButtonProps): JSX.Element;
+export default function HelpButtonInstance(localProps: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/es/components/icon/lib/SvgComparison.d.ts

@@ -1,2 +1,2 @@
 export default SvgComparison;
-declare function SvgComparison(props: any): JSX.Element;
+declare function SvgComparison(props: any): import("react/jsx-runtime").JSX.Element;

package/es/components/icon/style/dnb-icon.min.css

@@ -1 +1 @@
-.dnb-icon{color:inherit;display:inline-block;font-size:1rem;height:1em;line-height:1rem;vertical-align:middle;width:1em}.dnb-core-style .dnb-icon img,.dnb-core-style .dnb-icon svg,.dnb-icon img,.dnb-icon svg{shape-rendering:geometricprecision;height:inherit;vertical-align:top;width:inherit}.dnb-icon svg[width="100%"]{width:inherit}.dnb-icon svg[height="100%"]{height:inherit}.dnb-icon--inherit-color svg:not([fill]),.dnb-icon--inherit-color svg [fill]{fill:currentcolor}.dnb-icon--inherit-color svg [stroke]{stroke:currentcolor}.dnb-icon--small{font-size:.75rem}.dnb-icon--default{font-size:1rem}.dnb-icon--medium{font-size:1.5rem}.dnb-icon--large{font-size:2rem}.dnb-icon--x-large{font-size:2.5rem}.dnb-icon--xx-large{font-size:3rem}.dnb-icon--custom-size{height:auto;width:auto}.dnb-icon--auto{font-size:1em}.dnb-icon--auto>.dnb-icon--wrapper{align-items:center;display:inline-flex;justify-content:center}h1>.dnb-icon,h2>.dnb-icon,h3>.dnb-icon,h4>.dnb-icon,h5>.dnb-icon,h6>.dnb-icon{vertical-align:middle}p>.dnb-icon{vertical-align:inherit}.dnb-icon.dnb-skeleton{color:var(--skeleton-color)!important}.dnb-icon.dnb-skeleton:after,.dnb-icon.dnb-skeleton:before{content:none!important}
+.dnb-icon{color:inherit;display:inline-block;font-size:1rem;height:1em;line-height:1rem;vertical-align:middle;width:1em}.dnb-core-style .dnb-icon img,.dnb-core-style .dnb-icon svg,.dnb-icon img,.dnb-icon svg{shape-rendering:geometricprecision;height:inherit;vertical-align:top;width:inherit}.dnb-icon svg[width="100%"]{width:inherit}.dnb-icon svg[height="100%"]{height:inherit}.dnb-icon--inherit-color svg [fill],.dnb-icon--inherit-color svg:not([fill]){fill:currentcolor}.dnb-icon--inherit-color svg [stroke]{stroke:currentcolor}.dnb-icon--small{font-size:.75rem}.dnb-icon--default{font-size:1rem}.dnb-icon--medium{font-size:1.5rem}.dnb-icon--large{font-size:2rem}.dnb-icon--x-large{font-size:2.5rem}.dnb-icon--xx-large{font-size:3rem}.dnb-icon--custom-size{height:auto;width:auto}.dnb-icon--auto{font-size:1em}.dnb-icon--auto>.dnb-icon--wrapper{align-items:center;display:inline-flex;justify-content:center}h1>.dnb-icon,h2>.dnb-icon,h3>.dnb-icon,h4>.dnb-icon,h5>.dnb-icon,h6>.dnb-icon{vertical-align:middle}p>.dnb-icon{vertical-align:inherit}.dnb-icon.dnb-skeleton{color:var(--skeleton-color)!important}.dnb-icon.dnb-skeleton:after,.dnb-icon.dnb-skeleton:before{content:none!important}

package/es/components/info-card/InfoCard.d.ts

@@ -80,7 +80,7 @@ export type InfoCardAllProps = InfoCardProps & Omit<React.HTMLAttributes<HTMLDiv
 export declare const defaultProps: {
     centered: boolean;
     skeleton: boolean;
-    icon: (props: any) => JSX.Element;
+    icon: (props: any) => import("react/jsx-runtime").JSX.Element;
 };
-declare const InfoCard: (localProps: InfoCardAllProps) => JSX.Element;
+declare const InfoCard: (localProps: InfoCardAllProps) => import("react/jsx-runtime").JSX.Element;
 export default InfoCard;

package/es/components/input/style/dnb-input.min.css

@@ -1 +1 @@
-.dnb-input{--input-font-size:var(--font-size-basis);--input-font-size--small:var(--font-size-basis);--input-font-size--medium:var(--font-size-basis);--input-font-size--large:var(--font-size-medium);--input-padding:1rem;--input-padding--small:1rem;--input-padding--medium:1rem;--input-padding--large:1rem;--input-height:2rem;--input-height--small:1.5rem;--input-height--medium:2.5rem;--input-height--large:3rem;--input-border-width:0.0625rem;--input-border-radius:0.25rem;align-items:center;display:inline-flex;font-size:var(--input-font-small);line-height:var(--input-height);text-align:left}.dnb-input__inner{display:inline-flex;flex-direction:column;width:auto}.dnb-input__shell{align-items:center;border:var(--input-border-width) solid var(--color-sea-green);display:flex;position:relative}.dnb-input__input{border:none;outline:none;position:relative;word-break:normal;z-index:2}.dnb-input__input[disabled]{opacity:1;-webkit-user-select:none;user-select:none}.dnb-input__input,.dnb-input__shell{border-radius:var(--input-border-radius);height:var(--input-height)}.dnb-input__input,.dnb-input__placeholder{padding-left:var(--input-padding);padding-right:var(--input-padding);width:100%}.dnb-input__input,.dnb-input__placeholder,.dnb-input input.dnb-input__input{background-color:transparent;color:inherit;font-size:var(--input-font-size);line-height:inherit;padding-bottom:0;padding-top:0}.dnb-input__placeholder{left:0;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;z-index:1}.dnb-input input.dnb-input__input[type=file]{line-height:calc(var(--input-height) - 2px)}.dnb-input__input::-webkit-search-cancel-button{display:none}.dnb-input__input::-ms-clear{display:none}.dnb-input ::-webkit-file-upload-button{color:var(--color-sea-green);cursor:pointer;outline:none}.dnb-input ::-webkit-file-upload-button:active,.dnb-input ::-webkit-file-upload-button:hover{color:var(--color-emerald-green)}.dnb-input--has-clear-button .dnb-input__input,.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--has-submit-element .dnb-input__input,.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding)*2.5)}.dnb-input--password .dnb-input__input,.dnb-input--password .dnb-input__placeholder{margin-right:2.5rem;padding-right:0}.dnb-input--password .dnb-input__input::-ms-clear,.dnb-input--password .dnb-input__input::-ms-reveal,.dnb-input--password .dnb-input__placeholder::-ms-clear,.dnb-input--password .dnb-input__placeholder::-ms-reveal{display:none}.dnb-input--password .dnb-input__placeholder{padding-right:4rem}.dnb-input--password .dnb-input__input{font-family:var(--font-family-monospace)}.dnb-input__row{align-items:center;display:inline-flex}.dnb-input__suffix{color:inherit}.dnb-input__submit-element{line-height:var(--line-height-basis);margin-left:calc(0px - var(--input-height));z-index:3}.dnb-input__submit-button{align-self:center;position:relative}.dnb-input__submit-button__button{border-radius:0 var(--input-border-radius) var(--input-border-radius) 0}.dnb-input>.dnb-form-label{line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-input{flex-wrap:wrap}.dnb-input>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-input:not(.dnb-input--vertical)[class*=__status]{align-items:flex-start}.dnb-input:not(.dnb-input--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-input--small{line-height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__shell{height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__placeholder{font-size:var(--input-font-size--small);padding-left:var(--input-padding--small);padding-right:var(--input-padding--small)}.dnb-input--small .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--small))}.dnb-input--small .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--small);line-height:var(--input-height--small);width:var(--input-height--small)}.dnb-input--small.dnb-input--has-clear-button .dnb-input__input,.dnb-input--small.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--small.dnb-input--has-submit-element .dnb-input__input,.dnb-input--small.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--small)*2)}.dnb-input--medium{line-height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__shell{height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__placeholder{font-size:var(--input-font-size--medium);padding-left:var(--input-padding--medium);padding-right:var(--input-padding--medium)}.dnb-input--medium .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--medium))}.dnb-input--medium .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--medium);line-height:var(--input-height--medium);width:var(--input-height--medium)}.dnb-input--medium.dnb-input--has-clear-button .dnb-input__input,.dnb-input--medium.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__input,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--medium)*3)}.dnb-input--large{line-height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__shell{height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__placeholder{font-size:var(--input-font-size--large);padding-left:var(--input-padding--large);padding-right:var(--input-padding--large)}.dnb-input--large .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--large))}.dnb-input--large .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--large);width:var(--input-height--large)}.dnb-input--large.dnb-input--has-clear-button .dnb-input__input,.dnb-input--large.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--large.dnb-input--has-submit-element .dnb-input__input,.dnb-input--large.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--large)*3)}.dnb-input--large.dnb-input--has-clear-button:not(.dnb-input--has-submit-element) .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--large) + .5rem)}.dnb-input__align--center .dnb-input__input,.dnb-input__align--center .dnb-input__placeholder{text-align:center}.dnb-input__align--right .dnb-input__input,.dnb-input__align--right .dnb-input__placeholder{text-align:right}.dnb-input--clear.dnb-input__submit-element{opacity:0;transition:opacity .2s ease-in-out}.dnb-input--clear.dnb-input__submit-element .dnb-button{border-radius:var(--button-border-radius);height:var(--input-height--small);width:var(--input-height--small)}.dnb-input--clear.dnb-input__submit-element .dnb-button .dnb-button__icon{margin:auto}html:not([data-whatintent=touch]) .dnb-input--clear.dnb-input__submit-element .dnb-button:not(.dnb-button--has-text):hover[disabled]{cursor:default}.dnb-input--small .dnb-input--clear.dnb-input__submit-element .dnb-button{height:1rem;width:1rem}.dnb-input--large .dnb-input--clear.dnb-input__submit-element .dnb-button,.dnb-input--medium .dnb-input--clear.dnb-input__submit-element .dnb-button{height:var(--input-height--small);width:var(--input-height--small)}.dnb-input[data-has-content=true] .dnb-input--clear{opacity:1}.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2.5rem}.dnb-input--small.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2rem}.dnb-input--medium.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3rem}.dnb-input--large.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3.5rem}.dnb-input__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-input--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-input--stretch{display:flex;flex-grow:1}.dnb-input--stretch .dnb-input__inner{flex-grow:1}.dnb-input--stretch .dnb-input__inner,.dnb-input--stretch .dnb-input__shell{width:100%}.dnb-input--stretch .dnb-form-label+.dnb-input__inner{width:auto}.dnb-form-row--horizontal .dnb-input--stretch,.dnb-input--vertical.dnb-input--stretch .dnb-input__inner{width:100%}.dnb-input__icon{bottom:0;left:1rem;margin:auto;order:0;position:absolute;right:auto;top:0}.dnb-input--icon-position-right .dnb-input__icon{left:auto;order:1;right:1rem}.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:2.5rem}.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:2.5rem}.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:3rem}.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:3rem}html[data-visual-test] .dnb-input__input{caret-color:var(--color-white)}@media screen and (max-width:40em){.dnb-responsive-component .dnb-input{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-input__row{align-items:flex-start}.dnb-responsive-component .dnb-input>.dnb-form-label{margin-bottom:.5rem}}
+.dnb-input{--input-font-size:var(--font-size-basis);--input-font-size--small:var(--font-size-basis);--input-font-size--medium:var(--font-size-basis);--input-font-size--large:var(--font-size-medium);--input-padding:1rem;--input-padding--small:1rem;--input-padding--medium:1rem;--input-padding--large:1rem;--input-height:2rem;--input-height--small:1.5rem;--input-height--medium:2.5rem;--input-height--large:3rem;--input-border-width:0.0625rem;--input-border-radius:0.25rem;align-items:center;display:inline-flex;font-size:var(--input-font-small);line-height:var(--input-height);text-align:left}.dnb-input__inner{display:inline-flex;flex-direction:column;width:auto}.dnb-input__shell{align-items:center;border:var(--input-border-width) solid var(--color-sea-green);display:flex;position:relative}.dnb-input__input{border:none;outline:none;position:relative;word-break:normal;z-index:2}.dnb-input__input[disabled]{opacity:1;-webkit-user-select:none;user-select:none}.dnb-input__input,.dnb-input__shell{border-radius:var(--input-border-radius);height:var(--input-height)}.dnb-input__input,.dnb-input__placeholder{padding-left:var(--input-padding);padding-right:var(--input-padding);width:100%}.dnb-input input.dnb-input__input,.dnb-input__input,.dnb-input__placeholder{background-color:transparent;color:inherit;font-size:var(--input-font-size);line-height:inherit;padding-bottom:0;padding-top:0}.dnb-input__placeholder{left:0;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;z-index:1}.dnb-input input.dnb-input__input[type=file]{line-height:calc(var(--input-height) - 2px)}.dnb-input__input::-webkit-search-cancel-button{display:none}.dnb-input__input::-ms-clear{display:none}.dnb-input ::-webkit-file-upload-button{color:var(--color-sea-green);cursor:pointer;outline:none}.dnb-input ::-webkit-file-upload-button:active,.dnb-input ::-webkit-file-upload-button:hover{color:var(--color-emerald-green)}.dnb-input--has-clear-button .dnb-input__input,.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--has-submit-element .dnb-input__input,.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding)*2.5)}.dnb-input--password .dnb-input__input,.dnb-input--password .dnb-input__placeholder{margin-right:2.5rem;padding-right:0}.dnb-input--password .dnb-input__input::-ms-clear,.dnb-input--password .dnb-input__input::-ms-reveal,.dnb-input--password .dnb-input__placeholder::-ms-clear,.dnb-input--password .dnb-input__placeholder::-ms-reveal{display:none}.dnb-input--password .dnb-input__placeholder{padding-right:4rem}.dnb-input--password .dnb-input__input{font-family:var(--font-family-monospace)}.dnb-input__row{align-items:center;display:inline-flex}.dnb-input__suffix{color:inherit}.dnb-input__submit-element{line-height:var(--line-height-basis);margin-left:calc(0px - var(--input-height));z-index:3}.dnb-input__submit-button{align-self:center;position:relative}.dnb-input__submit-button__button{border-radius:0 var(--input-border-radius) var(--input-border-radius) 0}.dnb-input>.dnb-form-label{line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-input{flex-wrap:wrap}.dnb-input>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-input:not(.dnb-input--vertical)[class*=__status]{align-items:flex-start}.dnb-input:not(.dnb-input--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-input--small{line-height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__shell{height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__placeholder{font-size:var(--input-font-size--small);padding-left:var(--input-padding--small);padding-right:var(--input-padding--small)}.dnb-input--small .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--small))}.dnb-input--small .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--small);line-height:var(--input-height--small);width:var(--input-height--small)}.dnb-input--small.dnb-input--has-clear-button .dnb-input__input,.dnb-input--small.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--small.dnb-input--has-submit-element .dnb-input__input,.dnb-input--small.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--small)*2)}.dnb-input--medium{line-height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__shell{height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__placeholder{font-size:var(--input-font-size--medium);padding-left:var(--input-padding--medium);padding-right:var(--input-padding--medium)}.dnb-input--medium .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--medium))}.dnb-input--medium .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--medium);line-height:var(--input-height--medium);width:var(--input-height--medium)}.dnb-input--medium.dnb-input--has-clear-button .dnb-input__input,.dnb-input--medium.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__input,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--medium)*3)}.dnb-input--large{line-height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__shell{height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__placeholder{font-size:var(--input-font-size--large);padding-left:var(--input-padding--large);padding-right:var(--input-padding--large)}.dnb-input--large .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--large))}.dnb-input--large .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--large);width:var(--input-height--large)}.dnb-input--large.dnb-input--has-clear-button .dnb-input__input,.dnb-input--large.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--large.dnb-input--has-submit-element .dnb-input__input,.dnb-input--large.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--large)*3)}.dnb-input--large.dnb-input--has-clear-button:not(.dnb-input--has-submit-element) .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--large) + .5rem)}.dnb-input__align--center .dnb-input__input,.dnb-input__align--center .dnb-input__placeholder{text-align:center}.dnb-input__align--right .dnb-input__input,.dnb-input__align--right .dnb-input__placeholder{text-align:right}.dnb-input--clear.dnb-input__submit-element{opacity:0;transition:opacity .2s ease-in-out}.dnb-input--clear.dnb-input__submit-element .dnb-button{border-radius:var(--button-border-radius);height:var(--input-height--small);width:var(--input-height--small)}.dnb-input--clear.dnb-input__submit-element .dnb-button .dnb-button__icon{margin:auto}html:not([data-whatintent=touch]) .dnb-input--clear.dnb-input__submit-element .dnb-button:not(.dnb-button--has-text):hover[disabled]{cursor:default}.dnb-input--small .dnb-input--clear.dnb-input__submit-element .dnb-button{height:1rem;width:1rem}.dnb-input--large .dnb-input--clear.dnb-input__submit-element .dnb-button,.dnb-input--medium .dnb-input--clear.dnb-input__submit-element .dnb-button{height:var(--input-height--small);width:var(--input-height--small)}.dnb-input[data-has-content=true] .dnb-input--clear{opacity:1}.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2.5rem}.dnb-input--small.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2rem}.dnb-input--medium.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3rem}.dnb-input--large.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3.5rem}.dnb-input__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-input--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-input--stretch{display:flex;flex-grow:1}.dnb-input--stretch .dnb-input__inner{flex-grow:1}.dnb-input--stretch .dnb-input__inner,.dnb-input--stretch .dnb-input__shell{width:100%}.dnb-input--stretch .dnb-form-label+.dnb-input__inner{width:auto}.dnb-form-row--horizontal .dnb-input--stretch,.dnb-input--vertical.dnb-input--stretch .dnb-input__inner{width:100%}.dnb-input__icon{bottom:0;left:1rem;margin:auto;order:0;position:absolute;right:auto;top:0}.dnb-input--icon-position-right .dnb-input__icon{left:auto;order:1;right:1rem}.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:2.5rem}.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:2.5rem}.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:3rem}.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:3rem}html[data-visual-test] .dnb-input__input{caret-color:var(--color-white)}@media screen and (max-width:40em){.dnb-responsive-component .dnb-input{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-input__row{align-items:flex-start}.dnb-responsive-component .dnb-input>.dnb-form-label{margin-bottom:.5rem}}

package/es/components/input-masked/InputMaskedElement.d.ts

@@ -1 +1 @@
-export default function InputMaskedElement(): JSX.Element;
+export default function InputMaskedElement(): import("react/jsx-runtime").JSX.Element;

package/es/components/input-masked/InputMaskedHooks.d.ts

@@ -13,7 +13,7 @@ export function useNumberMask(): {
 };
 export function useMask(): any;
 export function useMaskParams(): any;
-export function useInputElement(): (params: any, innerRef: any) => JSX.Element;
+export function useInputElement(): (params: any, innerRef: any) => import("react/jsx-runtime").JSX.Element;
 export function useEventMapping({ setLocalValue }: object): {
     onBeforeInput: (event: any) => any;
     onFocus: (params: any) => any;