@dnb/eufemia 10.3.0 → 10.4.1

package/es/components/tabs/style/themes/dnb-tabs-theme-ui.min.css

@@ -1 +1 @@
-.dnb-tabs__tabs:not(.dnb-section):before{background-color:var(--color-black-8);box-shadow:100vw 0 0 0 var(--color-black-8)}.dnb-tabs__tabs__tablist:focus{border-radius:.5rem}.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:first-of-type{border-radius:0 50% 50% 0}.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:last-of-type{border-radius:50% 0 0 50%}.dnb-tabs--at-edge .dnb-tabs__tabs__tablist:focus{border-radius:0}.dnb-tabs__content:focus{position:relative}.dnb-tabs__content:focus:before{border-radius:.5rem;bottom:-.5rem;content:"";left:-.5rem;max-width:100vw;outline:none;position:absolute;right:-.5rem;top:.125rem;z-index:-1}html[data-whatinput=keyboard] .dnb-tabs__content:focus:before{--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-tabs__button__title{color:var(--color-sea-green);display:block;font-size:var(--font-size-basis);font-weight:var(--font-weight-regular);padding:.5rem 0 .25rem;text-align:center}html:not([data-whatintent=touch]) .dnb-tabs__button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]){background-color:var(--color-mint-green-50)}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]):after{background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:focus{overflow:visible}.dnb-tabs__button:focus:before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-tabs__button:focus:before{--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-tabs__button:focus:before{border-radius:1.5rem;bottom:.5rem;left:-.375rem;right:-.375rem;top:.5rem}.dnb-tabs__button[disabled] .dnb-tabs__button__title{color:var(--color-sea-green-30)}.dnb-tabs__button:not([disabled]).selected:after,.dnb-tabs__button:not([disabled]):active:after{background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title{color:var(--color-emerald-green)}.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button span[hidden]{font-weight:var(--font-weight-medium)}
+.dnb-tabs__tabs:not(.dnb-section):before{background-color:var(--color-black-8);box-shadow:100vw 0 0 0 var(--color-black-8)}.dnb-tabs__tabs__tablist:focus{border-radius:.5rem}.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:first-of-type{border-radius:0 50% 50% 0}.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:last-of-type{border-radius:50% 0 0 50%}.dnb-tabs--at-edge .dnb-tabs__tabs__tablist:focus{border-radius:0}.dnb-tabs__content:focus{position:relative}.dnb-tabs__content:focus:before{border-radius:.5rem;bottom:-.5rem;content:"";left:-.5rem;max-width:100vw;outline:none;position:absolute;right:-.5rem;top:.125rem;z-index:-1}html[data-whatinput=keyboard] .dnb-tabs__content:focus:before{--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-tabs__button__title{color:var(--color-sea-green);display:block;font-size:var(--font-size-basis);font-weight:var(--font-weight-regular);padding:.5rem 0 .25rem;text-align:center}html:not([data-whatintent=touch]) .dnb-tabs__button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]){background-color:var(--color-mint-green-50)}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]):after{background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:focus{overflow:visible}.dnb-tabs__button:focus:before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-tabs__button:focus:before{--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-tabs__button:focus:before{border-radius:1.5rem;bottom:.5rem;left:-.375rem;right:-.375rem;top:.5rem}.dnb-tabs__button[disabled] .dnb-tabs__button__title{color:var(--color-sea-green-30)}.dnb-tabs__button:not([disabled]).selected:after,.dnb-tabs__button:not([disabled]):active:after{background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title{color:var(--color-emerald-green)}.dnb-tabs__button span[hidden],.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title{font-weight:var(--font-weight-medium)}

package/es/components/tag/Tag.d.ts

@@ -59,9 +59,9 @@ export declare const defaultProps: {
     omitOnKeyUpDeleteEvent: boolean;
 };
 declare const Tag: {
-    (localProps: TagProps & SpacingProps): JSX.Element;
+    (localProps: TagProps & SpacingProps): import("react/jsx-runtime").JSX.Element;
     Group: (localProps: import("./TagGroup").TagGroupProps & import("../space/types").SpacingElementProps & {
         space?: import("../space/types").SpaceType | import("../space/types").SpacingElementProps;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export default Tag;

package/es/components/tag/TagGroup.d.ts

@@ -29,5 +29,5 @@ export declare const defaultProps: {
     children: any;
     skeleton: boolean;
 };
-declare const TagGroup: (localProps: TagGroupProps & SpacingProps) => JSX.Element;
+declare const TagGroup: (localProps: TagGroupProps & SpacingProps) => import("react/jsx-runtime").JSX.Element;
 export default TagGroup;

package/es/components/tag/style/dnb-tag.css

@@ -15,7 +15,6 @@
 */
 .dnb-tag.dnb-button {
   -webkit-appearance: none;
-     -moz-appearance: none;
           appearance: none;
   background-color: var(--color-black-8);
 }

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

@@ -1 +1 @@
-.dnb-tag.dnb-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-black-8)}.dnb-tag.dnb-button.dnb-button--size-small{padding-left:.5rem;padding-right:.5rem}.dnb-tag.dnb-button.dnb-button--size-small.dnb-button--has-icon{padding-left:0}.dnb-tag.dnb-button .dnb-button__text{font-size:var(--font-size-x-small);transform:none}.dnb-tag:not(.dnb-tag--interactive){cursor:unset;-webkit-user-select:unset;user-select:unset}.dnb-tag:not(.dnb-tag--interactive) .dnb-button__text{cursor:text}.dnb-tag--interactive.dnb-button{--border-color:var(--color-sea-green);--border-width:0.0625rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:hover:not([disabled]){--border-color:var(--color-emerald-green);--border-width:0.125rem;background-color:var(--color-black-8);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-tag--interactive.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-tag--interactive.dnb-button:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-tag--interactive.dnb-button:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-black-8);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-tag--interactive.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:active[disabled]{cursor:not-allowed}.dnb-tag--interactive.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-mint-green-50);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-tag--interactive.dnb-button[disabled]{--border-color:var(--color-sea-green-30);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green-30)}.dnb-tag--removable.dnb-button{background-color:var(--color-sea-green);color:var(--color-white)}.dnb-tag--removable.dnb-button svg .dnb-icon-close-circle-path{fill:var(--color-white)}.dnb-tag--removable.dnb-button svg .dnb-icon-close-cross-path{stroke:var(--color-sea-green)}.dnb-tag--removable.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-tag--removable.dnb-button:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-tag--removable.dnb-button:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-tag--removable.dnb-button:focus:not([disabled]) svg .dnb-icon-close-circle-path,html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:focus:not([disabled]) svg .dnb-icon-close-circle-path{fill:var(--color-sea-green)}.dnb-tag--removable.dnb-button:focus:not([disabled]) svg .dnb-icon-close-cross-path,html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:focus:not([disabled]) svg .dnb-icon-close-cross-path{stroke:var(--color-white)}html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:hover:not([disabled]){--border-color:var(--color-emerald-green);--border-width:0.125rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:hover:not([disabled]) svg .dnb-icon-close-circle-path{fill:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:hover:not([disabled]) svg .dnb-icon-close-cross-path{stroke:var(--color-white)}.dnb-tag--removable.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:active[disabled]{cursor:not-allowed}.dnb-tag--removable.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-mint-green-50);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-tag--removable.dnb-button:active:not([disabled]) svg .dnb-icon-close-circle-path,html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:active:not([disabled]) svg .dnb-icon-close-circle-path{fill:var(--color-sea-green)}.dnb-tag--removable.dnb-button:active:not([disabled]) svg .dnb-icon-close-cross-path,html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:active:not([disabled]) svg .dnb-icon-close-cross-path{stroke:var(--color-white)}.dnb-tag--removable.dnb-button[disabled] svg .dnb-icon-close-circle-path{fill:var(--color-mint-green-50)}.dnb-tag--removable.dnb-button[disabled] svg .dnb-icon-close-cross-path{stroke:var(--color-sea-green-30)}.dnb-tag--removable.dnb-button .dnb-button__text{padding-left:.5rem}.dnb-tag--removable.dnb-button--size-small.dnb-button--has-icon{padding-right:0}.dnb-tag__group{grid-gap:.5rem;display:inline-flex;flex-wrap:wrap;gap:.5rem}
+.dnb-tag.dnb-button{-webkit-appearance:none;appearance:none;background-color:var(--color-black-8)}.dnb-tag.dnb-button.dnb-button--size-small{padding-left:.5rem;padding-right:.5rem}.dnb-tag.dnb-button.dnb-button--size-small.dnb-button--has-icon{padding-left:0}.dnb-tag.dnb-button .dnb-button__text{font-size:var(--font-size-x-small);transform:none}.dnb-tag:not(.dnb-tag--interactive){cursor:unset;-webkit-user-select:unset;user-select:unset}.dnb-tag:not(.dnb-tag--interactive) .dnb-button__text{cursor:text}.dnb-tag--interactive.dnb-button{--border-color:var(--color-sea-green);--border-width:0.0625rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:hover:not([disabled]){--border-color:var(--color-emerald-green);--border-width:0.125rem;background-color:var(--color-black-8);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-tag--interactive.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-tag--interactive.dnb-button:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-tag--interactive.dnb-button:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-black-8);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-tag--interactive.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:active[disabled]{cursor:not-allowed}.dnb-tag--interactive.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-mint-green-50);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-tag--interactive.dnb-button[disabled]{--border-color:var(--color-sea-green-30);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green-30)}.dnb-tag--removable.dnb-button{background-color:var(--color-sea-green);color:var(--color-white)}.dnb-tag--removable.dnb-button svg .dnb-icon-close-circle-path{fill:var(--color-white)}.dnb-tag--removable.dnb-button svg .dnb-icon-close-cross-path{stroke:var(--color-sea-green)}.dnb-tag--removable.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-tag--removable.dnb-button:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-tag--removable.dnb-button:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-tag--removable.dnb-button:focus:not([disabled]) svg .dnb-icon-close-circle-path,html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:focus:not([disabled]) svg .dnb-icon-close-circle-path{fill:var(--color-sea-green)}.dnb-tag--removable.dnb-button:focus:not([disabled]) svg .dnb-icon-close-cross-path,html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:focus:not([disabled]) svg .dnb-icon-close-cross-path{stroke:var(--color-white)}html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:hover:not([disabled]){--border-color:var(--color-emerald-green);--border-width:0.125rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:hover:not([disabled]) svg .dnb-icon-close-circle-path{fill:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:hover:not([disabled]) svg .dnb-icon-close-cross-path{stroke:var(--color-white)}.dnb-tag--removable.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:active[disabled]{cursor:not-allowed}.dnb-tag--removable.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-mint-green-50);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-tag--removable.dnb-button:active:not([disabled]) svg .dnb-icon-close-circle-path,html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:active:not([disabled]) svg .dnb-icon-close-circle-path{fill:var(--color-sea-green)}.dnb-tag--removable.dnb-button:active:not([disabled]) svg .dnb-icon-close-cross-path,html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:active:not([disabled]) svg .dnb-icon-close-cross-path{stroke:var(--color-white)}.dnb-tag--removable.dnb-button[disabled] svg .dnb-icon-close-circle-path{fill:var(--color-mint-green-50)}.dnb-tag--removable.dnb-button[disabled] svg .dnb-icon-close-cross-path{stroke:var(--color-sea-green-30)}.dnb-tag--removable.dnb-button .dnb-button__text{padding-left:.5rem}.dnb-tag--removable.dnb-button--size-small.dnb-button--has-icon{padding-right:0}.dnb-tag__group{grid-gap:.5rem;display:inline-flex;flex-wrap:wrap;gap:.5rem}

package/es/components/textarea/style/themes/dnb-textarea-theme-ui.css

@@ -13,11 +13,6 @@
   background-color: var(--color-white);
   overflow-y: auto;
   overscroll-behavior: contain;
-  --scrollbar-track-width: 0.5rem;
-  --scrollbar-thumb-width: 0.5rem;
-  --scrollbar-track-color: var(--color-black-8);
-  --scrollbar-thumb-color: var(--color-sea-green);
-  --scrollbar-thumb-hover-color: var(--color-emerald-green);
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: auto;
   scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;

package/es/components/textarea/style/themes/dnb-textarea-theme-ui.min.css

@@ -1 +1 @@
-.dnb-textarea{--textarea-rows:2}.dnb-textarea__textarea{--scrollbar-track-width:0.5rem;--scrollbar-thumb-width:0.5rem;--scrollbar-track-color:var(--color-black-8);--scrollbar-thumb-color:var(--color-sea-green);--scrollbar-thumb-hover-color:var(--color-emerald-green);-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;background-color:var(--color-white);color:var(--color-black);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent}.dnb-textarea__textarea ::selection{background-color:var(--color-mint-green);color:var(--color-black);text-shadow:none}html:not([data-visual-test]) .dnb-textarea__textarea{scroll-behavior:smooth}@supports not (scrollbar-color:auto){.dnb-textarea__textarea::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-textarea__placeholder{-webkit-box-orient:vertical;-webkit-line-clamp:var(--textarea-rows,2);color:var(--color-black-55);display:-webkit-box}.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state,.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{box-shadow:0 0 0 .125rem var(--color-emerald-green)}.dnb-textarea--disabled .dnb-textarea__textarea,.dnb-textarea__textarea[disabled]{background-color:var(--color-black-3);color:var(--color-black-55);-webkit-user-select:none;user-select:none}.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar,.dnb-textarea__textarea[disabled]::-webkit-scrollbar{width:0}.dnb-textarea--disabled .dnb-textarea__state,.dnb-textarea__textarea[disabled]~.dnb-textarea__state{background-color:var(--color-black-3);box-shadow:0 0 0 .0625rem var(--color-black-55)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled),.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover{color:var(--color-fire-red)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly])~.dnb-textarea__placeholder,.dnb-textarea--has-content .dnb-textarea__textarea~.dnb-textarea__placeholder{display:none}
+.dnb-textarea{--textarea-rows:2}.dnb-textarea__textarea{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;background-color:var(--color-white);color:var(--color-black);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent}.dnb-textarea__textarea ::selection{background-color:var(--color-mint-green);color:var(--color-black);text-shadow:none}html:not([data-visual-test]) .dnb-textarea__textarea{scroll-behavior:smooth}@supports not (scrollbar-color:auto){.dnb-textarea__textarea::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-textarea__placeholder{-webkit-box-orient:vertical;-webkit-line-clamp:var(--textarea-rows,2);color:var(--color-black-55);display:-webkit-box}.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state,.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{box-shadow:0 0 0 .125rem var(--color-emerald-green)}.dnb-textarea--disabled .dnb-textarea__textarea,.dnb-textarea__textarea[disabled]{background-color:var(--color-black-3);color:var(--color-black-55);-webkit-user-select:none;user-select:none}.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar,.dnb-textarea__textarea[disabled]::-webkit-scrollbar{width:0}.dnb-textarea--disabled .dnb-textarea__state,.dnb-textarea__textarea[disabled]~.dnb-textarea__state{background-color:var(--color-black-3);box-shadow:0 0 0 .0625rem var(--color-black-55)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled),.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover{color:var(--color-fire-red)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly])~.dnb-textarea__placeholder,.dnb-textarea--has-content .dnb-textarea__textarea~.dnb-textarea__placeholder{display:none}

package/es/components/timeline/Timeline.d.ts

@@ -27,8 +27,8 @@ export declare const defaultProps: {
     children: any;
 };
 declare const Timeline: {
-    (localProps: TimelineAllProps): JSX.Element;
-    Item: (localProps: import("./TimelineItem").TimelineItemAllProps) => JSX.Element;
+    (localProps: TimelineAllProps): import("react/jsx-runtime").JSX.Element;
+    Item: (localProps: import("./TimelineItem").TimelineItemAllProps) => import("react/jsx-runtime").JSX.Element;
 };
 export { TimelineItem };
 export default Timeline;

package/es/components/timeline/TimelineItem.d.ts

@@ -36,5 +36,5 @@ export type TimelineItemProps = {
     skeleton?: SkeletonShow;
 };
 export type TimelineItemAllProps = TimelineItemProps & Omit<React.AllHTMLAttributes<HTMLLIElement>, 'title' | 'name'>;
-declare const TimelineItem: (localProps: TimelineItemAllProps) => JSX.Element;
+declare const TimelineItem: (localProps: TimelineItemAllProps) => import("react/jsx-runtime").JSX.Element;
 export default TimelineItem;

package/es/components/timeline/style/themes/dnb-timeline-theme-ui.min.css

@@ -1 +1 @@
-.dnb-timeline{--timeline-icon-height--small:1.5rem;--timeline-icon-width--small:1.5rem;--timeline-icon-border-radius--small:calc(var(--timeline-icon-height--small)/2);--timeline-icon-height--medium:2rem;--timeline-icon-width--medium:2rem;--timeline-icon-border-radius--medium:calc(var(--timeline-icon-height--medium)/2);--timeline-icon-width-diff:calc(var(--timeline-icon-width--medium)/2 - var(--timeline-icon-width--small)/2);--timeline-border-spacing:var(--spacing-small);--timeline-border-spacing--icon-adjusted:calc(var(--timeline-icon-width-diff) + var(--timeline-border-spacing))}.dnb-timeline__item{margin-left:var(--timeline-icon-width-diff)}.dnb-timeline__item__label__icon{--border-color:var(--color-black-80);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;border-radius:var(--timeline-icon-border-radius--small);box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-80);line-height:var(--timeline-icon-height--small);width:var(--timeline-icon-width--small)}.dnb-timeline__item__label__title{font-size:var(--font-size-small);line-height:var(--line-height-small);margin-left:var(--timeline-border-spacing--icon-adjusted)}.dnb-timeline__item__content{border-left:1px dashed var(--color-black-55);margin-left:calc(var(--timeline-icon-width--small)/2);padding-left:calc(var(--timeline-icon-width--small)/2 + var(--timeline-border-spacing--icon-adjusted))}.dnb-timeline__item--completed .dnb-timeline__item__content{border-left:1px solid var(--color-black-80)}.dnb-timeline__item--completed .dnb-timeline__item__label__title{color:var(--color-black-80)}.dnb-timeline__item--current .dnb-timeline__item__content{margin-left:calc(var(--timeline-icon-width--medium)/2);padding-left:calc(var(--timeline-icon-width--medium)/2 + var(--timeline-border-spacing))}.dnb-timeline__item--current .dnb-timeline__item__label__title{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-left:var(--timeline-border-spacing)}.dnb-timeline__item--current .dnb-timeline__item__label__icon{border-radius:var(--timeline-icon-border-radius--medium);line-height:var(--timeline-icon-height--medium);width:var(--timeline-icon-width--medium)}.dnb-timeline__item--current{margin-left:0}.dnb-timeline__item--upcoming .dnb-timeline__item__label__title{color:var(--color-black-55);font-weight:var(--font-weight-basis)}.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{--border-color:var(--color-black-3);--border-width:0.0625rem;background-color:var(--color-black-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-55)}.dnb-timeline__item:only-child{margin-left:0}.dnb-timeline__item:last-child .dnb-timeline__item__content{border-left:none}
+.dnb-timeline{--timeline-icon-height--small:1.5rem;--timeline-icon-width--small:1.5rem;--timeline-icon-border-radius--small:calc(var(--timeline-icon-height--small)/2);--timeline-icon-height--medium:2rem;--timeline-icon-width--medium:2rem;--timeline-icon-border-radius--medium:calc(var(--timeline-icon-height--medium)/2);--timeline-icon-width-diff:calc((var(--timeline-icon-width--medium) - var(--timeline-icon-width--small))/2);--timeline-border-spacing:var(--spacing-small);--timeline-border-spacing--icon-adjusted:calc(var(--timeline-icon-width-diff) + var(--timeline-border-spacing))}.dnb-timeline__item{margin-left:var(--timeline-icon-width-diff)}.dnb-timeline__item__label__icon{--border-color:var(--color-black-80);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;border-radius:var(--timeline-icon-border-radius--small);box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-80);line-height:var(--timeline-icon-height--small);width:var(--timeline-icon-width--small)}.dnb-timeline__item__label__title{font-size:var(--font-size-small);line-height:var(--line-height-small);margin-left:var(--timeline-border-spacing--icon-adjusted)}.dnb-timeline__item__content{border-left:1px dashed var(--color-black-55);margin-left:calc(var(--timeline-icon-width--small)/2);padding-left:calc(var(--timeline-icon-width--small)/2 + var(--timeline-border-spacing--icon-adjusted))}.dnb-timeline__item--completed .dnb-timeline__item__content{border-left:1px solid var(--color-black-80)}.dnb-timeline__item--completed .dnb-timeline__item__label__title{color:var(--color-black-80)}.dnb-timeline__item--current .dnb-timeline__item__content{margin-left:calc(var(--timeline-icon-width--medium)/2);padding-left:calc(var(--timeline-icon-width--medium)/2 + var(--timeline-border-spacing))}.dnb-timeline__item--current .dnb-timeline__item__label__title{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-left:var(--timeline-border-spacing)}.dnb-timeline__item--current .dnb-timeline__item__label__icon{border-radius:var(--timeline-icon-border-radius--medium);line-height:var(--timeline-icon-height--medium);width:var(--timeline-icon-width--medium)}.dnb-timeline__item--current{margin-left:0}.dnb-timeline__item--upcoming .dnb-timeline__item__label__title{color:var(--color-black-55);font-weight:var(--font-weight-basis)}.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{--border-color:var(--color-black-3);--border-width:0.0625rem;background-color:var(--color-black-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-55)}.dnb-timeline__item:only-child{margin-left:0}.dnb-timeline__item:last-child .dnb-timeline__item__content{border-left:none}

package/es/components/tooltip/Tooltip.d.ts

@@ -2,9 +2,8 @@
  * Web Tooltip Component
  *
  */
-/// <reference types="react" />
 import { injectTooltipSemantic } from './TooltipHelpers';
 import { TooltipAllProps } from './types';
-declare function Tooltip(localProps: TooltipAllProps): JSX.Element;
+declare function Tooltip(localProps: TooltipAllProps): import("react/jsx-runtime").JSX.Element;
 export { injectTooltipSemantic };
 export default Tooltip;

package/es/components/tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-const _excluded = ["targetElement", "targetSelector", "className", "id", "tooltip", "group", "size", "animatePosition", "fixedPosition", "skipPortal", "noAnimation", "showDelay", "hideDelay", "active", "position", "arrow", "align"];
+const _excluded = ["targetElement", "targetSelector", "className", "id", "tooltip", "size", "fixedPosition", "skipPortal", "noAnimation", "showDelay", "hideDelay", "active", "position", "arrow", "align"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
@@ -22,9 +22,7 @@ function Tooltip(localProps) {
       className,
       id,
       tooltip,
-      group,
       size,
-      animatePosition,
       fixedPosition,
       skipPortal,
       noAnimation,

package/es/components/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["React","classnames","Context","makeUniqueId","validateDOMAttributes","createSpacingClasses","TooltipWithEvents","defaultProps","getPropsFromTooltipProp","getRefElement","getTargetElement","injectTooltipSemantic","convertSnakeCaseProps","Tooltip","localProps","context","useContext","inherited","props","_objectSpread","getTranslation","targetElement","targetSelector","className","id","tooltip","group","size","animatePosition","fixedPosition","skipPortal","noAnimation","showDelay","hideDelay","active","position","arrow","align","params","_objectWithoutProperties","_excluded","target","element","setElement","useState","internalId","useEffect","classes","attributes","createElement","_extends","children"],"sources":["../../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  makeUniqueId,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport TooltipWithEvents from './TooltipWithEvents'\nimport {\n  defaultProps,\n  getPropsFromTooltipProp,\n  getRefElement,\n  getTargetElement,\n  injectTooltipSemantic,\n} from './TooltipHelpers'\nimport { TooltipAllProps } from './types'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\n\nfunction Tooltip(localProps: TooltipAllProps) {\n  const context = React.useContext(Context)\n\n  const inherited = getPropsFromTooltipProp(localProps)\n\n  // use only the props from context, who are available here anyway\n  const props = convertSnakeCaseProps({\n    ...defaultProps,\n    ...localProps,\n    ...inherited,\n    ...context.getTranslation(localProps).Tooltip,\n    ...context.Tooltip,\n  })\n\n  const {\n    targetElement,\n    targetSelector,\n    className,\n    id, // eslint-disable-line\n    tooltip, // eslint-disable-line\n    group, // eslint-disable-line\n    size,\n    animatePosition, // eslint-disable-line\n    fixedPosition, // eslint-disable-line\n    skipPortal, // eslint-disable-line\n    noAnimation, // eslint-disable-line\n    showDelay, // eslint-disable-line\n    hideDelay, // eslint-disable-line\n    active, // eslint-disable-line\n    position, // eslint-disable-line\n    arrow, // eslint-disable-line\n    align, // eslint-disable-line\n    ...params\n  } = props\n\n  const target = targetElement || targetSelector\n\n  const [element, setElement] = React.useState<\n    HTMLElement | React.ReactElement\n  >()\n  const [internalId] = React.useState(() => props.id || makeUniqueId()) // cause we need an id anyway\n  props.internalId = internalId\n\n  React.useEffect(() => {\n    const element = getTargetElement(getRefElement(target))\n    setElement(element)\n  }, [target])\n\n  const classes = classnames(\n    'dnb-tooltip',\n    size === 'large' && 'dnb-tooltip--large',\n    createSpacingClasses(props),\n    className\n  )\n\n  const attributes = {\n    className: classes,\n    ...params,\n  }\n\n  // also used for code markup simulation\n  validateDOMAttributes(localProps, attributes)\n\n  if (target && !element) {\n    return null\n  }\n\n  return (\n    <TooltipWithEvents target={element} attributes={attributes} {...props}>\n      {props.children}\n    </TooltipWithEvents>\n  )\n}\n\nexport { injectTooltipSemantic }\nexport default Tooltip\n"],"mappings":";;;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,SACEC,YAAY,EACZC,qBAAqB,QAChB,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SACEC,YAAY,EACZC,uBAAuB,EACvBC,aAAa,EACbC,gBAAgB,EAChBC,qBAAqB,QAChB,kBAAkB;AAEzB,SAASC,qBAAqB,QAAQ,yCAAyC;AAE/E,SAASC,OAAOA,CAACC,UAA2B,EAAE;EAC5C,MAAMC,OAAO,GAAGf,KAAK,CAACgB,UAAU,CAACd,OAAO,CAAC;EAEzC,MAAMe,SAAS,GAAGT,uBAAuB,CAACM,UAAU,CAAC;EAGrD,MAAMI,KAAK,GAAGN,qBAAqB,CAAAO,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KAC9BZ,YAAY,GACZO,UAAU,GACVG,SAAS,GACTF,OAAO,CAACK,cAAc,CAACN,UAAU,CAAC,CAACD,OAAO,GAC1CE,OAAO,CAACF,OAAO,CACnB,CAAC;EAEF,MAAM;MACJQ,aAAa;MACbC,cAAc;MACdC,SAAS;MACTC,EAAE;MACFC,OAAO;MACPC,KAAK;MACLC,IAAI;MACJC,eAAe;MACfC,aAAa;MACbC,UAAU;MACVC,WAAW;MACXC,SAAS;MACTC,SAAS;MACTC,MAAM;MACNC,QAAQ;MACRC,KAAK;MACLC;IAEF,CAAC,GAAGnB,KAAK;IADJoB,MAAM,GAAAC,wBAAA,CACPrB,KAAK,EAAAsB,SAAA;EAET,MAAMC,MAAM,GAAGpB,aAAa,IAAIC,cAAc;EAE9C,MAAM,CAACoB,OAAO,EAAEC,UAAU,CAAC,GAAG3C,KAAK,CAAC4C,QAAQ,CAE1C,CAAC;EACH,MAAM,CAACC,UAAU,CAAC,GAAG7C,KAAK,CAAC4C,QAAQ,CAAC,MAAM1B,KAAK,CAACM,EAAE,IAAIrB,YAAY,CAAC,CAAC,CAAC;EACrEe,KAAK,CAAC2B,UAAU,GAAGA,UAAU;EAE7B7C,KAAK,CAAC8C,SAAS,CAAC,MAAM;IACpB,MAAMJ,OAAO,GAAGhC,gBAAgB,CAACD,aAAa,CAACgC,MAAM,CAAC,CAAC;IACvDE,UAAU,CAACD,OAAO,CAAC;EACrB,CAAC,EAAE,CAACD,MAAM,CAAC,CAAC;EAEZ,MAAMM,OAAO,GAAG9C,UAAU,CACxB,aAAa,EAEbI,oBAAoB,CAACa,KAAK,CAAC,EAC3BK,SAAS,EAFTI,IAAI,KAAK,OAAO,IAAI,oBAGtB,CAAC;EAED,MAAMqB,UAAU,GAAA7B,aAAA;IACdI,SAAS,EAAEwB;EAAO,GACfT,MAAM,CACV;EAGDlC,qBAAqB,CAACU,UAAU,EAAEkC,UAAU,CAAC;EAE7C,IAAIP,MAAM,IAAI,CAACC,OAAO,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,OACE1C,KAAA,CAAAiD,aAAA,CAAC3C,iBAAiB,EAAA4C,QAAA;IAACT,MAAM,EAAEC,OAAQ;IAACM,UAAU,EAAEA;EAAW,GAAK9B,KAAK,GAClEA,KAAK,CAACiC,QACU,CAAC;AAExB;AAEA,SAASxC,qBAAqB;AAC9B,eAAeE,OAAO"}
+{"version":3,"file":"Tooltip.js","names":["React","classnames","Context","makeUniqueId","validateDOMAttributes","createSpacingClasses","TooltipWithEvents","defaultProps","getPropsFromTooltipProp","getRefElement","getTargetElement","injectTooltipSemantic","convertSnakeCaseProps","Tooltip","localProps","context","useContext","inherited","props","_objectSpread","getTranslation","targetElement","targetSelector","className","id","tooltip","size","fixedPosition","skipPortal","noAnimation","showDelay","hideDelay","active","position","arrow","align","params","_objectWithoutProperties","_excluded","target","element","setElement","useState","internalId","useEffect","classes","attributes","createElement","_extends","children"],"sources":["../../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  makeUniqueId,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport TooltipWithEvents from './TooltipWithEvents'\nimport {\n  defaultProps,\n  getPropsFromTooltipProp,\n  getRefElement,\n  getTargetElement,\n  injectTooltipSemantic,\n} from './TooltipHelpers'\nimport { TooltipAllProps } from './types'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\n\nfunction Tooltip(localProps: TooltipAllProps) {\n  const context = React.useContext(Context)\n\n  const inherited = getPropsFromTooltipProp(localProps)\n\n  // use only the props from context, who are available here anyway\n  const props = convertSnakeCaseProps({\n    ...defaultProps,\n    ...localProps,\n    ...inherited,\n    ...context.getTranslation(localProps).Tooltip,\n    ...context.Tooltip,\n  })\n\n  const {\n    targetElement,\n    targetSelector,\n    className,\n    id, // eslint-disable-line\n    tooltip, // eslint-disable-line\n    size,\n    fixedPosition, // eslint-disable-line\n    skipPortal, // eslint-disable-line\n    noAnimation, // eslint-disable-line\n    showDelay, // eslint-disable-line\n    hideDelay, // eslint-disable-line\n    active, // eslint-disable-line\n    position, // eslint-disable-line\n    arrow, // eslint-disable-line\n    align, // eslint-disable-line\n    ...params\n  } = props\n\n  const target = targetElement || targetSelector\n\n  const [element, setElement] = React.useState<\n    HTMLElement | React.ReactElement\n  >()\n  const [internalId] = React.useState(() => props.id || makeUniqueId()) // cause we need an id anyway\n  props.internalId = internalId\n\n  React.useEffect(() => {\n    const element = getTargetElement(getRefElement(target))\n    setElement(element)\n  }, [target])\n\n  const classes = classnames(\n    'dnb-tooltip',\n    size === 'large' && 'dnb-tooltip--large',\n    createSpacingClasses(props),\n    className\n  )\n\n  const attributes = {\n    className: classes,\n    ...params,\n  }\n\n  // also used for code markup simulation\n  validateDOMAttributes(localProps, attributes)\n\n  if (target && !element) {\n    return null\n  }\n\n  return (\n    <TooltipWithEvents target={element} attributes={attributes} {...props}>\n      {props.children}\n    </TooltipWithEvents>\n  )\n}\n\nexport { injectTooltipSemantic }\nexport default Tooltip\n"],"mappings":";;;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,SACEC,YAAY,EACZC,qBAAqB,QAChB,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SACEC,YAAY,EACZC,uBAAuB,EACvBC,aAAa,EACbC,gBAAgB,EAChBC,qBAAqB,QAChB,kBAAkB;AAEzB,SAASC,qBAAqB,QAAQ,yCAAyC;AAE/E,SAASC,OAAOA,CAACC,UAA2B,EAAE;EAC5C,MAAMC,OAAO,GAAGf,KAAK,CAACgB,UAAU,CAACd,OAAO,CAAC;EAEzC,MAAMe,SAAS,GAAGT,uBAAuB,CAACM,UAAU,CAAC;EAGrD,MAAMI,KAAK,GAAGN,qBAAqB,CAAAO,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KAC9BZ,YAAY,GACZO,UAAU,GACVG,SAAS,GACTF,OAAO,CAACK,cAAc,CAACN,UAAU,CAAC,CAACD,OAAO,GAC1CE,OAAO,CAACF,OAAO,CACnB,CAAC;EAEF,MAAM;MACJQ,aAAa;MACbC,cAAc;MACdC,SAAS;MACTC,EAAE;MACFC,OAAO;MACPC,IAAI;MACJC,aAAa;MACbC,UAAU;MACVC,WAAW;MACXC,SAAS;MACTC,SAAS;MACTC,MAAM;MACNC,QAAQ;MACRC,KAAK;MACLC;IAEF,CAAC,GAAGjB,KAAK;IADJkB,MAAM,GAAAC,wBAAA,CACPnB,KAAK,EAAAoB,SAAA;EAET,MAAMC,MAAM,GAAGlB,aAAa,IAAIC,cAAc;EAE9C,MAAM,CAACkB,OAAO,EAAEC,UAAU,CAAC,GAAGzC,KAAK,CAAC0C,QAAQ,CAE1C,CAAC;EACH,MAAM,CAACC,UAAU,CAAC,GAAG3C,KAAK,CAAC0C,QAAQ,CAAC,MAAMxB,KAAK,CAACM,EAAE,IAAIrB,YAAY,CAAC,CAAC,CAAC;EACrEe,KAAK,CAACyB,UAAU,GAAGA,UAAU;EAE7B3C,KAAK,CAAC4C,SAAS,CAAC,MAAM;IACpB,MAAMJ,OAAO,GAAG9B,gBAAgB,CAACD,aAAa,CAAC8B,MAAM,CAAC,CAAC;IACvDE,UAAU,CAACD,OAAO,CAAC;EACrB,CAAC,EAAE,CAACD,MAAM,CAAC,CAAC;EAEZ,MAAMM,OAAO,GAAG5C,UAAU,CACxB,aAAa,EAEbI,oBAAoB,CAACa,KAAK,CAAC,EAC3BK,SAAS,EAFTG,IAAI,KAAK,OAAO,IAAI,oBAGtB,CAAC;EAED,MAAMoB,UAAU,GAAA3B,aAAA;IACdI,SAAS,EAAEsB;EAAO,GACfT,MAAM,CACV;EAGDhC,qBAAqB,CAACU,UAAU,EAAEgC,UAAU,CAAC;EAE7C,IAAIP,MAAM,IAAI,CAACC,OAAO,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,OACExC,KAAA,CAAA+C,aAAA,CAACzC,iBAAiB,EAAA0C,QAAA;IAACT,MAAM,EAAEC,OAAQ;IAACM,UAAU,EAAEA;EAAW,GAAK5B,KAAK,GAClEA,KAAK,CAAC+B,QACU,CAAC;AAExB;AAEA,SAAStC,qBAAqB;AAC9B,eAAeE,OAAO"}

package/es/components/tooltip/TooltipContainer.d.ts

@@ -13,5 +13,5 @@ type TooltipContainerProps = {
         style: React.CSSProperties;
     };
 };
-export default function TooltipContainer(props: TooltipProps & TooltipContainerProps): JSX.Element;
+export default function TooltipContainer(props: TooltipProps & TooltipContainerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/es/components/tooltip/TooltipContainer.js

@@ -14,9 +14,7 @@ export default function TooltipContainer(props) {
     arrow,
     position,
     align,
-    group,
     hideDelay,
-    animatePosition,
     fixedPosition,
     noAnimation,
     skipPortal,
@@ -76,7 +74,7 @@ export default function TooltipContainer(props) {
   const offsetTop = React.useRef(0);
   React.useLayoutEffect(() => {
     if (!isActive) {
-      if (group && wasActive) {
+      if (wasActive) {
         clearTimeout(debounceTimeout.current);
         debounceTimeout.current = setTimeout(() => setStyle(null), hideDelay);
       }
@@ -187,7 +185,7 @@ export default function TooltipContainer(props) {
     onMouseDown: handlePropagation,
     onTouchStart: handlePropagation
   }, attributes, {
-    className: classnames(attributes === null || attributes === void 0 ? void 0 : attributes.className, isActive ? 'dnb-tooltip--active' : wasActive && 'dnb-tooltip--hide', isTrue(animatePosition) && 'dnb-tooltip--animate_position', isTrue(noAnimation) && 'dnb-tooltip--no-animation', isTrue(fixedPosition) && 'dnb-tooltip--fixed'),
+    className: classnames(attributes === null || attributes === void 0 ? void 0 : attributes.className, isActive ? 'dnb-tooltip--active' : wasActive && 'dnb-tooltip--hide', isTrue(noAnimation) && 'dnb-tooltip--no-animation', isTrue(fixedPosition) && 'dnb-tooltip--fixed'),
     style: _objectSpread(_objectSpread({}, style), attributes.style)
   }), arrow && React.createElement("span", {
     className: `dnb-tooltip__arrow dnb-tooltip__arrow__arrow--${arrow} dnb-tooltip__arrow__position--${position}`

package/es/components/tooltip/TooltipContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContainer.js","names":["React","isTrue","getOffsetLeft","getOffsetTop","classnames","TooltipContainer","props","internalId","active","attributes","arrow","position","align","group","hideDelay","animatePosition","fixedPosition","noAnimation","skipPortal","useHover","children","targetElement","target","style","setStyle","useState","hover","setHover","isActive","wasActive","makeActive","renewStyles","forceRerender","getBodySize","elementRef","useRef","offset","debounceTimeout","resizeObserver","document","width","height","body","getBoundingClientRect","clearTimers","clearTimeout","current","useLayoutEffect","addPositionObserver","ResizeObserver","setTimeout","observe","e","removePositionObserver","_resizeObserver$curre","disconnect","offsetLeft","offsetTop","element","window","alignOffset","elementWidth","offsetWidth","elementHeight","offsetHeight","rect","targetBodySize","scrollY","undefined","pageYOffset","scrollX","pageXOffset","top","useMouseWhen","mousePos","left","widthBased","_objectSpread","topHorizontal","leftVertical","stylesFromPosition","right","bottom","stylesFromArrow","rightOffset","parseFloat","String","innerWidth","handleMouseEnter","handleMouseLeave","handlePropagation","stopPropagation","createElement","_extends","role","ref","onMouseEnter","onMouseLeave","onMouseMove","onMouseDown","onTouchStart","className","id"],"sources":["../../../../src/components/tooltip/TooltipContainer.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport { isTrue } from '../../shared/component-helper'\nimport { getOffsetLeft, getOffsetTop } from '../../shared/helpers'\nimport classnames from 'classnames'\nimport { TooltipProps } from './types'\n\ntype TooltipContainerProps = {\n  targetElement: HTMLElement\n  style?: React.CSSProperties\n  useHover?: boolean\n  internalId?: string\n  attributes?: Record<string, unknown> & { style: React.CSSProperties }\n}\n\nexport default function TooltipContainer(\n  props: TooltipProps & TooltipContainerProps\n) {\n  const {\n    internalId,\n    active,\n    attributes,\n    arrow,\n    position,\n    align,\n    group,\n    hideDelay,\n    animatePosition,\n    fixedPosition,\n    noAnimation,\n    skipPortal,\n    useHover,\n    children,\n    targetElement: target,\n  } = props\n\n  const [style, setStyle] = React.useState(null)\n  const [hover, setHover] = React.useState(false)\n  const isActive = isTrue(active) || hover\n  const [wasActive, makeActive] = React.useState(false)\n  const [renewStyles, forceRerender] = React.useState(getBodySize)\n\n  const elementRef = React.useRef<HTMLSpanElement>(null)\n  const offset = React.useRef(16)\n  const debounceTimeout = React.useRef<NodeJS.Timeout>()\n  const resizeObserver = React.useRef<ResizeObserver>(null)\n\n  function getBodySize() {\n    if (!isActive || typeof document === 'undefined') {\n      return 0 // stop here\n    }\n\n    const { width, height } = document.body.getBoundingClientRect()\n\n    return width + height\n  }\n\n  const clearTimers = () => {\n    clearTimeout(debounceTimeout.current)\n  }\n\n  React.useLayoutEffect(() => {\n    const addPositionObserver = () => {\n      if (resizeObserver.current || typeof document === 'undefined') {\n        return // stop here\n      }\n\n      try {\n        resizeObserver.current = new ResizeObserver(() => {\n          clearTimers()\n          debounceTimeout.current = setTimeout(\n            () => forceRerender(getBodySize()),\n            100\n          )\n        })\n\n        resizeObserver.current.observe(document.body)\n      } catch (e) {\n        //\n      }\n    }\n    const removePositionObserver = () => {\n      clearTimers()\n      resizeObserver.current?.disconnect()\n    }\n\n    if (isActive) {\n      makeActive(true)\n      addPositionObserver()\n    } else {\n      removePositionObserver()\n    }\n\n    return removePositionObserver\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isActive])\n\n  const offsetLeft = React.useRef(0)\n  const offsetTop = React.useRef(0)\n\n  React.useLayoutEffect(() => {\n    if (!isActive) {\n      /**\n       * This \"resets\" the position between elements,\n       * when not active. Else it will always first show on the older position.\n       */\n      if (group && wasActive) {\n        clearTimeout(debounceTimeout.current)\n        debounceTimeout.current = setTimeout(\n          () => setStyle(null),\n          hideDelay\n        )\n      }\n      return // stop here\n    }\n\n    const element = elementRef?.current\n\n    if (\n      typeof window === 'undefined' ||\n      !element ||\n      !target?.getBoundingClientRect\n    ) {\n      return // stop here\n    }\n\n    let alignOffset = 0\n\n    const elementWidth = element.offsetWidth\n    const elementHeight = element.offsetHeight\n    const rect = target.getBoundingClientRect()\n    const targetBodySize = {\n      width: target.offsetWidth,\n      height: target.offsetHeight,\n    }\n\n    // fix for svg\n    if (!target.offsetHeight) {\n      targetBodySize.width = rect.width\n      targetBodySize.height = rect.height\n    }\n\n    if (skipPortal && (!offsetLeft.current || !offsetTop.current)) {\n      offsetLeft.current = getOffsetLeft(element) - offset.current\n      offsetTop.current = getOffsetTop(element) - offset.current\n    }\n\n    const scrollY =\n      window.scrollY !== undefined ? window.scrollY : window.pageYOffset\n    const scrollX =\n      window.scrollX !== undefined ? window.scrollX : window.pageXOffset\n    const top =\n      (isTrue(fixedPosition) ? 0 : scrollY) + rect.top - offsetTop.current\n\n    // Use Mouse position when target is too wide\n    const useMouseWhen = targetBodySize.width > 400\n    const mousePos =\n      getOffsetLeft(target) +\n      rect.left / 2 +\n      (element ? element.offsetWidth : 0)\n    const widthBased = scrollX + rect.left\n    const left =\n      (useMouseWhen && mousePos < targetBodySize.width\n        ? mousePos\n        : widthBased) - offsetLeft.current\n\n    const style = { ...props.style }\n\n    if (align === 'left') {\n      alignOffset = -targetBodySize.width / 2\n    } else if (align === 'right') {\n      alignOffset = targetBodySize.width / 2\n    }\n\n    const topHorizontal =\n      top + targetBodySize.height / 2 - elementHeight / 2\n    const leftVertical =\n      left - elementWidth / 2 + targetBodySize.width / 2 + alignOffset\n\n    const stylesFromPosition = {\n      left: () => {\n        style.top = topHorizontal\n        style.left = left - elementWidth - offset.current\n      },\n      right: () => {\n        style.top = topHorizontal\n        style.left = left + targetBodySize.width + offset.current\n      },\n      top: () => {\n        style.left = leftVertical\n        style.top = top - elementHeight - offset.current\n      },\n      bottom: () => {\n        style.left = leftVertical\n        style.top = top + targetBodySize.height + offset.current\n      },\n    }\n\n    const stylesFromArrow = {\n      left: () => {\n        style.left =\n          left + targetBodySize.width / 2 - offset.current + alignOffset\n      },\n      right: () => {\n        style.left =\n          left -\n          elementWidth +\n          targetBodySize.width / 2 +\n          offset.current +\n          alignOffset\n      },\n      top: () => {\n        style.top = top + targetBodySize.height / 2 - offset.current\n      },\n      bottom: () => {\n        style.top =\n          top + targetBodySize.height / 2 - elementHeight + offset.current\n      },\n    }\n\n    if (stylesFromPosition[position]) {\n      stylesFromPosition[position]()\n    } else if (stylesFromArrow[arrow]) {\n      stylesFromArrow[arrow]()\n    }\n\n    const rightOffset =\n      parseFloat(String(style.left)) + elementWidth - window.innerWidth\n    if (rightOffset > 0) {\n      style.left = window.innerWidth - elementWidth\n    }\n\n    if (parseFloat(String(style.left)) < 0) {\n      style.left = 0\n    }\n    if (parseFloat(String(style.top)) < 0) {\n      style.top = 0\n    }\n\n    setStyle(style)\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active, arrow, position, children, renewStyles])\n\n  const handleMouseEnter = () => {\n    if (isTrue(active) && useHover !== false) {\n      setHover(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (useHover !== false) {\n      setHover(false)\n    }\n  }\n\n  /**\n   * By stopping propagation, we allow the user to select text when Toolip is used in the Slider component\n   */\n  const handlePropagation = (e: React.SyntheticEvent) =>\n    e.stopPropagation()\n\n  return (\n    <span\n      role=\"tooltip\"\n      aria-hidden={target ? true : undefined} // make sure SR does not find it in the DOM, because we use \"aria-describedby\" for that\n      ref={elementRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onMouseMove={handlePropagation}\n      onMouseDown={handlePropagation}\n      onTouchStart={handlePropagation}\n      {...attributes}\n      className={classnames(\n        attributes?.className,\n        isTrue(animatePosition) && 'dnb-tooltip--animate_position',\n        isTrue(noAnimation) && 'dnb-tooltip--no-animation',\n        isTrue(fixedPosition) && 'dnb-tooltip--fixed',\n        isActive && 'dnb-tooltip--active',\n        !isActive && wasActive && 'dnb-tooltip--hide'\n      )}\n      style={{ ...style, ...attributes.style }}\n    >\n      {arrow && (\n        <span\n          className={classnames(\n            'dnb-tooltip__arrow',\n            `dnb-tooltip__arrow__arrow--${arrow}`,\n            `dnb-tooltip__arrow__position--${position}`\n          )}\n        />\n      )}\n\n      <span id={internalId} className=\"dnb-tooltip__content\">\n        {children}\n      </span>\n    </span>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"TooltipContainer.js","names":["React","isTrue","getOffsetLeft","getOffsetTop","classnames","TooltipContainer","props","internalId","active","attributes","arrow","position","align","hideDelay","fixedPosition","noAnimation","skipPortal","useHover","children","targetElement","target","style","setStyle","useState","hover","setHover","isActive","wasActive","makeActive","renewStyles","forceRerender","getBodySize","elementRef","useRef","offset","debounceTimeout","resizeObserver","document","width","height","body","getBoundingClientRect","clearTimers","clearTimeout","current","useLayoutEffect","addPositionObserver","ResizeObserver","setTimeout","observe","e","removePositionObserver","_resizeObserver$curre","disconnect","offsetLeft","offsetTop","element","window","alignOffset","elementWidth","offsetWidth","elementHeight","offsetHeight","rect","targetBodySize","scrollY","undefined","pageYOffset","scrollX","pageXOffset","top","useMouseWhen","mousePos","left","widthBased","_objectSpread","topHorizontal","leftVertical","stylesFromPosition","right","bottom","stylesFromArrow","rightOffset","parseFloat","String","innerWidth","handleMouseEnter","handleMouseLeave","handlePropagation","stopPropagation","createElement","_extends","role","ref","onMouseEnter","onMouseLeave","onMouseMove","onMouseDown","onTouchStart","className","id"],"sources":["../../../../src/components/tooltip/TooltipContainer.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport { isTrue } from '../../shared/component-helper'\nimport { getOffsetLeft, getOffsetTop } from '../../shared/helpers'\nimport classnames from 'classnames'\nimport { TooltipProps } from './types'\n\ntype TooltipContainerProps = {\n  targetElement: HTMLElement\n  style?: React.CSSProperties\n  useHover?: boolean\n  internalId?: string\n  attributes?: Record<string, unknown> & { style: React.CSSProperties }\n}\n\nexport default function TooltipContainer(\n  props: TooltipProps & TooltipContainerProps\n) {\n  const {\n    internalId,\n    active,\n    attributes,\n    arrow,\n    position,\n    align,\n    hideDelay,\n    fixedPosition,\n    noAnimation,\n    skipPortal,\n    useHover,\n    children,\n    targetElement: target,\n  } = props\n\n  const [style, setStyle] = React.useState(null)\n  const [hover, setHover] = React.useState(false)\n  const isActive = isTrue(active) || hover\n  const [wasActive, makeActive] = React.useState(false)\n  const [renewStyles, forceRerender] = React.useState(getBodySize)\n\n  const elementRef = React.useRef<HTMLSpanElement>(null)\n  const offset = React.useRef(16)\n  const debounceTimeout = React.useRef<NodeJS.Timeout>()\n  const resizeObserver = React.useRef<ResizeObserver>(null)\n\n  function getBodySize() {\n    if (!isActive || typeof document === 'undefined') {\n      return 0 // stop here\n    }\n\n    const { width, height } = document.body.getBoundingClientRect()\n\n    return width + height\n  }\n\n  const clearTimers = () => {\n    clearTimeout(debounceTimeout.current)\n  }\n\n  React.useLayoutEffect(() => {\n    const addPositionObserver = () => {\n      if (resizeObserver.current || typeof document === 'undefined') {\n        return // stop here\n      }\n\n      try {\n        resizeObserver.current = new ResizeObserver(() => {\n          clearTimers()\n          debounceTimeout.current = setTimeout(\n            () => forceRerender(getBodySize()),\n            100\n          )\n        })\n\n        resizeObserver.current.observe(document.body)\n      } catch (e) {\n        //\n      }\n    }\n    const removePositionObserver = () => {\n      clearTimers()\n      resizeObserver.current?.disconnect()\n    }\n\n    if (isActive) {\n      makeActive(true)\n      addPositionObserver()\n    } else {\n      removePositionObserver()\n    }\n\n    return removePositionObserver\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isActive])\n\n  const offsetLeft = React.useRef(0)\n  const offsetTop = React.useRef(0)\n\n  React.useLayoutEffect(() => {\n    if (!isActive) {\n      /**\n       * This \"resets\" the position between elements,\n       * when not active. Else it will always first show on the older position.\n       */\n      if (wasActive) {\n        clearTimeout(debounceTimeout.current)\n        debounceTimeout.current = setTimeout(\n          () => setStyle(null),\n          hideDelay\n        )\n      }\n      return // stop here\n    }\n\n    const element = elementRef?.current\n\n    if (\n      typeof window === 'undefined' ||\n      !element ||\n      !target?.getBoundingClientRect\n    ) {\n      return // stop here\n    }\n\n    let alignOffset = 0\n\n    const elementWidth = element.offsetWidth\n    const elementHeight = element.offsetHeight\n    const rect = target.getBoundingClientRect()\n    const targetBodySize = {\n      width: target.offsetWidth,\n      height: target.offsetHeight,\n    }\n\n    // fix for svg\n    if (!target.offsetHeight) {\n      targetBodySize.width = rect.width\n      targetBodySize.height = rect.height\n    }\n\n    if (skipPortal && (!offsetLeft.current || !offsetTop.current)) {\n      offsetLeft.current = getOffsetLeft(element) - offset.current\n      offsetTop.current = getOffsetTop(element) - offset.current\n    }\n\n    const scrollY =\n      window.scrollY !== undefined ? window.scrollY : window.pageYOffset\n    const scrollX =\n      window.scrollX !== undefined ? window.scrollX : window.pageXOffset\n    const top =\n      (isTrue(fixedPosition) ? 0 : scrollY) + rect.top - offsetTop.current\n\n    // Use Mouse position when target is too wide\n    const useMouseWhen = targetBodySize.width > 400\n    const mousePos =\n      getOffsetLeft(target) +\n      rect.left / 2 +\n      (element ? element.offsetWidth : 0)\n    const widthBased = scrollX + rect.left\n    const left =\n      (useMouseWhen && mousePos < targetBodySize.width\n        ? mousePos\n        : widthBased) - offsetLeft.current\n\n    const style = { ...props.style }\n\n    if (align === 'left') {\n      alignOffset = -targetBodySize.width / 2\n    } else if (align === 'right') {\n      alignOffset = targetBodySize.width / 2\n    }\n\n    const topHorizontal =\n      top + targetBodySize.height / 2 - elementHeight / 2\n    const leftVertical =\n      left - elementWidth / 2 + targetBodySize.width / 2 + alignOffset\n\n    const stylesFromPosition = {\n      left: () => {\n        style.top = topHorizontal\n        style.left = left - elementWidth - offset.current\n      },\n      right: () => {\n        style.top = topHorizontal\n        style.left = left + targetBodySize.width + offset.current\n      },\n      top: () => {\n        style.left = leftVertical\n        style.top = top - elementHeight - offset.current\n      },\n      bottom: () => {\n        style.left = leftVertical\n        style.top = top + targetBodySize.height + offset.current\n      },\n    }\n\n    const stylesFromArrow = {\n      left: () => {\n        style.left =\n          left + targetBodySize.width / 2 - offset.current + alignOffset\n      },\n      right: () => {\n        style.left =\n          left -\n          elementWidth +\n          targetBodySize.width / 2 +\n          offset.current +\n          alignOffset\n      },\n      top: () => {\n        style.top = top + targetBodySize.height / 2 - offset.current\n      },\n      bottom: () => {\n        style.top =\n          top + targetBodySize.height / 2 - elementHeight + offset.current\n      },\n    }\n\n    if (stylesFromPosition[position]) {\n      stylesFromPosition[position]()\n    } else if (stylesFromArrow[arrow]) {\n      stylesFromArrow[arrow]()\n    }\n\n    const rightOffset =\n      parseFloat(String(style.left)) + elementWidth - window.innerWidth\n    if (rightOffset > 0) {\n      style.left = window.innerWidth - elementWidth\n    }\n\n    if (parseFloat(String(style.left)) < 0) {\n      style.left = 0\n    }\n    if (parseFloat(String(style.top)) < 0) {\n      style.top = 0\n    }\n\n    setStyle(style)\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active, arrow, position, children, renewStyles])\n\n  const handleMouseEnter = () => {\n    if (isTrue(active) && useHover !== false) {\n      setHover(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (useHover !== false) {\n      setHover(false)\n    }\n  }\n\n  /**\n   * By stopping propagation, we allow the user to select text when Toolip is used in the Slider component\n   */\n  const handlePropagation = (e: React.SyntheticEvent) =>\n    e.stopPropagation()\n\n  return (\n    <span\n      role=\"tooltip\"\n      aria-hidden={target ? true : undefined} // make sure SR does not find it in the DOM, because we use \"aria-describedby\" for that\n      ref={elementRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onMouseMove={handlePropagation}\n      onMouseDown={handlePropagation}\n      onTouchStart={handlePropagation}\n      {...attributes}\n      className={classnames(\n        attributes?.className,\n        isTrue(noAnimation) && 'dnb-tooltip--no-animation',\n        isTrue(fixedPosition) && 'dnb-tooltip--fixed',\n        isActive && 'dnb-tooltip--active',\n        !isActive && wasActive && 'dnb-tooltip--hide'\n      )}\n      style={{ ...style, ...attributes.style }}\n    >\n      {arrow && (\n        <span\n          className={classnames(\n            'dnb-tooltip__arrow',\n            `dnb-tooltip__arrow__arrow--${arrow}`,\n            `dnb-tooltip__arrow__position--${position}`\n          )}\n        />\n      )}\n\n      <span id={internalId} className=\"dnb-tooltip__content\">\n        {children}\n      </span>\n    </span>\n  )\n}\n"],"mappings":"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"}

package/es/components/tooltip/TooltipHelpers.d.ts

@@ -6,13 +6,11 @@ import React from 'react';
 export declare function injectTooltipSemantic(params: any): any;
 export declare const defaultProps: {
     id: any;
-    group: any;
     size: string;
     active: any;
     position: string;
     arrow: string;
     align: any;
-    animatePosition: boolean;
     fixedPosition: boolean;
     skipPortal: any;
     noAnimation: boolean;

package/es/components/tooltip/TooltipHelpers.js

@@ -8,13 +8,11 @@ export function injectTooltipSemantic(params) {
 }
 export const defaultProps = {
   id: null,
-  group: null,
   size: 'basis',
   active: null,
   position: 'top',
   arrow: 'center',
   align: null,
-  animatePosition: false,
   fixedPosition: false,
   skipPortal: null,
   noAnimation: false,

package/es/components/tooltip/TooltipHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipHelpers.js","names":["React","classnames","combineDescribedBy","injectTooltipSemantic","params","tabIndex","className","defaultProps","id","group","size","active","position","arrow","align","animatePosition","fixedPosition","skipPortal","noAnimation","showDelay","hideDelay","targetSelector","targetElement","children","tooltip","getTargetElement","target","document","querySelector","useHandleAria","internalId","useEffect","existing","getAttribute","setAttribute","e","getPropsFromTooltipProp","localProps","isValidElement","props","getRefElement","_unknownTarget$curren","unknownTarget","element","current","_ref","Object","prototype","hasOwnProperty","call","isTouch","type","test"],"sources":["../../../../src/components/tooltip/TooltipHelpers.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { combineDescribedBy } from '../../shared/component-helper'\n\nexport function injectTooltipSemantic(params) {\n  params.tabIndex = '0'\n  params.className = classnames(\n    'dnb-tooltip__wrapper',\n    'dnb-tab-focus',\n    params.className\n  )\n  return params\n}\n\nexport const defaultProps = {\n  id: null,\n  group: null,\n  size: 'basis',\n  active: null,\n  position: 'top',\n  arrow: 'center',\n  align: null,\n  animatePosition: false,\n  fixedPosition: false,\n  skipPortal: null,\n  noAnimation: false,\n  showDelay: 300,\n  hideDelay: 500,\n  targetSelector: null,\n  targetElement: null,\n\n  className: null,\n  children: null,\n  tooltip: null,\n}\n\nexport function getTargetElement(target: HTMLElement) {\n  if (typeof document !== 'undefined') {\n    return typeof target === 'string'\n      ? typeof document !== 'undefined' && document.querySelector(target)\n      : target\n  }\n}\n\nexport function useHandleAria(\n  targetElement: HTMLElement,\n  internalId: string\n) {\n  React.useEffect(() => {\n    try {\n      // const elem = getTargetElement(getRefElement(targetElement))\n      const existing = {\n        'aria-describedby': targetElement.getAttribute('aria-describedby'),\n      }\n      targetElement.setAttribute(\n        'aria-describedby',\n        combineDescribedBy(existing, internalId)\n      )\n    } catch (e) {\n      //\n    }\n  }, [targetElement, internalId])\n}\n\nexport function getPropsFromTooltipProp(localProps) {\n  return localProps.tooltip\n    ? React.isValidElement(localProps.tooltip) && localProps.tooltip.props\n      ? localProps.tooltip.props\n      : { children: localProps.tooltip }\n    : null\n}\n\nexport function getRefElement(target: React.RefObject<HTMLElement>) {\n  const unknownTarget = target as unknown as React.RefObject<{\n    _ref: React.RefObject<HTMLElement>\n  }>\n  let element = target as HTMLElement | React.RefObject<HTMLElement>\n\n  // \"_ref\" is set inside e.g. the Button component (among many others)\n  if (unknownTarget?.current?._ref) {\n    element = getRefElement(unknownTarget.current._ref)\n  }\n\n  if (\n    element &&\n    Object.prototype.hasOwnProperty.call(element, 'current')\n  ) {\n    element = (element as React.RefObject<HTMLElement>).current\n  }\n\n  return element as HTMLElement\n}\n\nexport const isTouch = (type: string) => {\n  return /touch/i.test(type)\n}\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,+BAA+B;AAElE,OAAO,SAASC,qBAAqBA,CAACC,MAAM,EAAE;EAC5CA,MAAM,CAACC,QAAQ,GAAG,GAAG;EACrBD,MAAM,CAACE,SAAS,GAAGL,UAAU,uCAG3BG,MAAM,CAACE,SACT,CAAC;EACD,OAAOF,MAAM;AACf;AAEA,OAAO,MAAMG,YAAY,GAAG;EAC1BC,EAAE,EAAE,IAAI;EACRC,KAAK,EAAE,IAAI;EACXC,IAAI,EAAE,OAAO;EACbC,MAAM,EAAE,IAAI;EACZC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAE,IAAI;EACXC,eAAe,EAAE,KAAK;EACtBC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,IAAI;EAChBC,WAAW,EAAE,KAAK;EAClBC,SAAS,EAAE,GAAG;EACdC,SAAS,EAAE,GAAG;EACdC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE,IAAI;EAEnBhB,SAAS,EAAE,IAAI;EACfiB,QAAQ,EAAE,IAAI;EACdC,OAAO,EAAE;AACX,CAAC;AAED,OAAO,SAASC,gBAAgBA,CAACC,MAAmB,EAAE;EACpD,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;IACnC,OAAO,OAAOD,MAAM,KAAK,QAAQ,GAC7B,OAAOC,QAAQ,KAAK,WAAW,IAAIA,QAAQ,CAACC,aAAa,CAACF,MAAM,CAAC,GACjEA,MAAM;EACZ;AACF;AAEA,OAAO,SAASG,aAAaA,CAC3BP,aAA0B,EAC1BQ,UAAkB,EAClB;EACA9B,KAAK,CAAC+B,SAAS,CAAC,MAAM;IACpB,IAAI;MAEF,MAAMC,QAAQ,GAAG;QACf,kBAAkB,EAAEV,aAAa,CAACW,YAAY,CAAC,kBAAkB;MACnE,CAAC;MACDX,aAAa,CAACY,YAAY,CACxB,kBAAkB,EAClBhC,kBAAkB,CAAC8B,QAAQ,EAAEF,UAAU,CACzC,CAAC;IACH,CAAC,CAAC,OAAOK,CAAC,EAAE,CAEZ;EACF,CAAC,EAAE,CAACb,aAAa,EAAEQ,UAAU,CAAC,CAAC;AACjC;AAEA,OAAO,SAASM,uBAAuBA,CAACC,UAAU,EAAE;EAClD,OAAOA,UAAU,CAACb,OAAO,GACrBxB,KAAK,CAACsC,cAAc,CAACD,UAAU,CAACb,OAAO,CAAC,IAAIa,UAAU,CAACb,OAAO,CAACe,KAAK,GAClEF,UAAU,CAACb,OAAO,CAACe,KAAK,GACxB;IAAEhB,QAAQ,EAAEc,UAAU,CAACb;EAAQ,CAAC,GAClC,IAAI;AACV;AAEA,OAAO,SAASgB,aAAaA,CAACd,MAAoC,EAAE;EAAA,IAAAe,qBAAA;EAClE,MAAMC,aAAa,GAAGhB,MAEpB;EACF,IAAIiB,OAAO,GAAGjB,MAAoD;EAGlE,IAAIgB,aAAa,aAAbA,aAAa,gBAAAD,qBAAA,GAAbC,aAAa,CAAEE,OAAO,cAAAH,qBAAA,eAAtBA,qBAAA,CAAwBI,IAAI,EAAE;IAChCF,OAAO,GAAGH,aAAa,CAACE,aAAa,CAACE,OAAO,CAACC,IAAI,CAAC;EACrD;EAEA,IACEF,OAAO,IACPG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,OAAO,EAAE,SAAS,CAAC,EACxD;IACAA,OAAO,GAAIA,OAAO,CAAkCC,OAAO;EAC7D;EAEA,OAAOD,OAAO;AAChB;AAEA,OAAO,MAAMO,OAAO,GAAIC,IAAY,IAAK;EACvC,OAAO,QAAQ,CAACC,IAAI,CAACD,IAAI,CAAC;AAC5B,CAAC"}
+{"version":3,"file":"TooltipHelpers.js","names":["React","classnames","combineDescribedBy","injectTooltipSemantic","params","tabIndex","className","defaultProps","id","size","active","position","arrow","align","fixedPosition","skipPortal","noAnimation","showDelay","hideDelay","targetSelector","targetElement","children","tooltip","getTargetElement","target","document","querySelector","useHandleAria","internalId","useEffect","existing","getAttribute","setAttribute","e","getPropsFromTooltipProp","localProps","isValidElement","props","getRefElement","_unknownTarget$curren","unknownTarget","element","current","_ref","Object","prototype","hasOwnProperty","call","isTouch","type","test"],"sources":["../../../../src/components/tooltip/TooltipHelpers.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { combineDescribedBy } from '../../shared/component-helper'\n\nexport function injectTooltipSemantic(params) {\n  params.tabIndex = '0'\n  params.className = classnames(\n    'dnb-tooltip__wrapper',\n    'dnb-tab-focus',\n    params.className\n  )\n  return params\n}\n\nexport const defaultProps = {\n  id: null,\n  size: 'basis',\n  active: null,\n  position: 'top',\n  arrow: 'center',\n  align: null,\n  fixedPosition: false,\n  skipPortal: null,\n  noAnimation: false,\n  showDelay: 300,\n  hideDelay: 500,\n  targetSelector: null,\n  targetElement: null,\n\n  className: null,\n  children: null,\n  tooltip: null,\n}\n\nexport function getTargetElement(target: HTMLElement) {\n  if (typeof document !== 'undefined') {\n    return typeof target === 'string'\n      ? typeof document !== 'undefined' && document.querySelector(target)\n      : target\n  }\n}\n\nexport function useHandleAria(\n  targetElement: HTMLElement,\n  internalId: string\n) {\n  React.useEffect(() => {\n    try {\n      // const elem = getTargetElement(getRefElement(targetElement))\n      const existing = {\n        'aria-describedby': targetElement.getAttribute('aria-describedby'),\n      }\n      targetElement.setAttribute(\n        'aria-describedby',\n        combineDescribedBy(existing, internalId)\n      )\n    } catch (e) {\n      //\n    }\n  }, [targetElement, internalId])\n}\n\nexport function getPropsFromTooltipProp(localProps) {\n  return localProps.tooltip\n    ? React.isValidElement(localProps.tooltip) && localProps.tooltip.props\n      ? localProps.tooltip.props\n      : { children: localProps.tooltip }\n    : null\n}\n\nexport function getRefElement(target: React.RefObject<HTMLElement>) {\n  const unknownTarget = target as unknown as React.RefObject<{\n    _ref: React.RefObject<HTMLElement>\n  }>\n  let element = target as HTMLElement | React.RefObject<HTMLElement>\n\n  // \"_ref\" is set inside e.g. the Button component (among many others)\n  if (unknownTarget?.current?._ref) {\n    element = getRefElement(unknownTarget.current._ref)\n  }\n\n  if (\n    element &&\n    Object.prototype.hasOwnProperty.call(element, 'current')\n  ) {\n    element = (element as React.RefObject<HTMLElement>).current\n  }\n\n  return element as HTMLElement\n}\n\nexport const isTouch = (type: string) => {\n  return /touch/i.test(type)\n}\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,+BAA+B;AAElE,OAAO,SAASC,qBAAqBA,CAACC,MAAM,EAAE;EAC5CA,MAAM,CAACC,QAAQ,GAAG,GAAG;EACrBD,MAAM,CAACE,SAAS,GAAGL,UAAU,uCAG3BG,MAAM,CAACE,SACT,CAAC;EACD,OAAOF,MAAM;AACf;AAEA,OAAO,MAAMG,YAAY,GAAG;EAC1BC,EAAE,EAAE,IAAI;EACRC,IAAI,EAAE,OAAO;EACbC,MAAM,EAAE,IAAI;EACZC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAE,IAAI;EACXC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,IAAI;EAChBC,WAAW,EAAE,KAAK;EAClBC,SAAS,EAAE,GAAG;EACdC,SAAS,EAAE,GAAG;EACdC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE,IAAI;EAEnBd,SAAS,EAAE,IAAI;EACfe,QAAQ,EAAE,IAAI;EACdC,OAAO,EAAE;AACX,CAAC;AAED,OAAO,SAASC,gBAAgBA,CAACC,MAAmB,EAAE;EACpD,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;IACnC,OAAO,OAAOD,MAAM,KAAK,QAAQ,GAC7B,OAAOC,QAAQ,KAAK,WAAW,IAAIA,QAAQ,CAACC,aAAa,CAACF,MAAM,CAAC,GACjEA,MAAM;EACZ;AACF;AAEA,OAAO,SAASG,aAAaA,CAC3BP,aAA0B,EAC1BQ,UAAkB,EAClB;EACA5B,KAAK,CAAC6B,SAAS,CAAC,MAAM;IACpB,IAAI;MAEF,MAAMC,QAAQ,GAAG;QACf,kBAAkB,EAAEV,aAAa,CAACW,YAAY,CAAC,kBAAkB;MACnE,CAAC;MACDX,aAAa,CAACY,YAAY,CACxB,kBAAkB,EAClB9B,kBAAkB,CAAC4B,QAAQ,EAAEF,UAAU,CACzC,CAAC;IACH,CAAC,CAAC,OAAOK,CAAC,EAAE,CAEZ;EACF,CAAC,EAAE,CAACb,aAAa,EAAEQ,UAAU,CAAC,CAAC;AACjC;AAEA,OAAO,SAASM,uBAAuBA,CAACC,UAAU,EAAE;EAClD,OAAOA,UAAU,CAACb,OAAO,GACrBtB,KAAK,CAACoC,cAAc,CAACD,UAAU,CAACb,OAAO,CAAC,IAAIa,UAAU,CAACb,OAAO,CAACe,KAAK,GAClEF,UAAU,CAACb,OAAO,CAACe,KAAK,GACxB;IAAEhB,QAAQ,EAAEc,UAAU,CAACb;EAAQ,CAAC,GAClC,IAAI;AACV;AAEA,OAAO,SAASgB,aAAaA,CAACd,MAAoC,EAAE;EAAA,IAAAe,qBAAA;EAClE,MAAMC,aAAa,GAAGhB,MAEpB;EACF,IAAIiB,OAAO,GAAGjB,MAAoD;EAGlE,IAAIgB,aAAa,aAAbA,aAAa,gBAAAD,qBAAA,GAAbC,aAAa,CAAEE,OAAO,cAAAH,qBAAA,eAAtBA,qBAAA,CAAwBI,IAAI,EAAE;IAChCF,OAAO,GAAGH,aAAa,CAACE,aAAa,CAACE,OAAO,CAACC,IAAI,CAAC;EACrD;EAEA,IACEF,OAAO,IACPG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,OAAO,EAAE,SAAS,CAAC,EACxD;IACAA,OAAO,GAAIA,OAAO,CAAkCC,OAAO;EAC7D;EAEA,OAAOD,OAAO;AAChB;AAEA,OAAO,MAAMO,OAAO,GAAIC,IAAY,IAAK;EACvC,OAAO,QAAQ,CAACC,IAAI,CAACD,IAAI,CAAC;AAC5B,CAAC"}

package/es/components/tooltip/TooltipPortal.d.ts

@@ -8,7 +8,6 @@ type TooltipPortalProps = {
     targetElement: HTMLElement;
     active: boolean;
     keepInDOM?: boolean;
-    group?: string;
     children?: React.ReactNode;
 };
 declare function TooltipPortal(props: TooltipProps & TooltipPortalProps): JSX.Element;

package/es/components/tooltip/TooltipPortal.js

@@ -13,6 +13,7 @@ if (typeof globalThis !== 'undefined') {
   tooltipPortal = {};
 }
 function TooltipPortal(props) {
+  var _tooltipPortal$id3;
   const {
     active,
     targetElement,
@@ -23,15 +24,14 @@ function TooltipPortal(props) {
   } = props;
   const [isMounted, setIsMounted] = React.useState(false);
   const [isActive, setIsActive] = React.useState(active);
-  const [id] = React.useState(() => props.group || makeUniqueId());
+  const [id] = React.useState(() => makeUniqueId());
   const isInDOM = React.useRef(false);
-  const hasGroup = props.group;
   const theme = useTheme();
   const makePortal = () => {
     if (!tooltipPortal[id]) {
       tooltipPortal[id] = {
         count: 0,
-        node: hasGroup ? createGroupElement(theme, id) : createRootElement(theme)
+        node: createRootElement(theme)
       };
     }
   };
@@ -48,10 +48,6 @@ function TooltipPortal(props) {
     if (ref !== null && ref !== void 0 && ref.node) {
       ref.count--;
       if (ref.count <= 0) {
-        if (hasGroup) {
-          ReactDOM.unmountComponentAtNode(ref.node);
-          createRootElement(theme).removeChild(ref.node);
-        }
         delete tooltipPortal[id];
       }
     }
@@ -66,15 +62,9 @@ function TooltipPortal(props) {
       if (!isMounted) {
         tooltipPortal[id].count++;
       }
-      if (hasGroup) {
-        renderPortal(true);
-      }
     } else if (!active && isMounted) {
       const delayRender = () => {
         setIsActive(false);
-        if (hasGroup) {
-          renderPortal(false);
-        }
       };
       const delayHidden = () => {
         isInDOM.current = false;
@@ -97,41 +87,16 @@ function TooltipPortal(props) {
     }
     return removeFromDOM;
   }, []);
-  const renderPortal = isActive => {
-    var _tooltipPortal$id3;
-    const root = (_tooltipPortal$id3 = tooltipPortal[id]) === null || _tooltipPortal$id3 === void 0 ? void 0 : _tooltipPortal$id3.node;
-    if (root && hasGroup && isInDOM.current) {
-      ReactDOM.render(React.createElement(TooltipContainer, _extends({}, props, {
-        targetElement: targetElement,
-        active: isActive
-      })), root);
-    }
-    return null;
-  };
-  if (!hasGroup) {
-    var _tooltipPortal$id4;
-    const root = (_tooltipPortal$id4 = tooltipPortal[id]) === null || _tooltipPortal$id4 === void 0 ? void 0 : _tooltipPortal$id4.node;
-    if (root) {
-      return ReactDOM.createPortal(isInDOM.current || keepInDOM ? React.createElement(TooltipContainer, _extends({}, props, {
-        targetElement: targetElement,
-        active: isActive
-      }), children) : null, root);
-    }
+  const root = (_tooltipPortal$id3 = tooltipPortal[id]) === null || _tooltipPortal$id3 === void 0 ? void 0 : _tooltipPortal$id3.node;
+  if (root) {
+    return ReactDOM.createPortal(isInDOM.current || keepInDOM ? React.createElement(TooltipContainer, _extends({}, props, {
+      targetElement: targetElement,
+      active: isActive
+    }), children) : null, root);
   }
   return null;
 }
 export default TooltipPortal;
-const createGroupElement = (theme, id) => {
-  try {
-    const elem = document.createElement('div');
-    elem.classList.add('dnb-tooltip__group');
-    elem.setAttribute('id', id);
-    createRootElement(theme).appendChild(elem);
-    return elem;
-  } catch (e) {
-    warn(e);
-  }
-};
 const createRootElement = (theme, className = null) => {
   if (!className) {
     className = 'dnb-tooltip__portal';

package/es/components/tooltip/TooltipPortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipPortal.js","names":["React","ReactDOM","makeUniqueId","warn","TooltipContainer","useTheme","getThemeClasses","tooltipPortal","globalThis","TooltipPortal","props","active","targetElement","hideDelay","keepInDOM","noAnimation","children","isMounted","setIsMounted","useState","isActive","setIsActive","id","group","isInDOM","useRef","hasGroup","theme","makePortal","count","node","createGroupElement","createRootElement","clearTimers","_tooltipPortal$id","_tooltipPortal$id2","clearTimeout","delayTimeout","hiddenTimeout","removeFromDOM","hide","ref","unmountComponentAtNode","removeChild","useEffect","current","renderPortal","delayRender","delayHidden","IS_TEST","delay","parseFloat","String","setTimeout","_tooltipPortal$id3","root","render","createElement","_extends","_tooltipPortal$id4","createPortal","elem","document","classList","add","setAttribute","appendChild","e","className","element","querySelector","call","split","body"],"sources":["../../../../src/components/tooltip/TooltipPortal.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { makeUniqueId, warn } from '../../shared/component-helper'\nimport TooltipContainer from './TooltipContainer'\nimport { TooltipProps } from './types'\nimport { useTheme } from '../../shared'\nimport { ThemeProps, getThemeClasses } from '../../shared/Theme'\n\ntype TooltipType = {\n  node: HTMLElement\n  count?: number\n  delayTimeout?: NodeJS.Timeout\n  hiddenTimeout?: NodeJS.Timeout\n}\n\nlet tooltipPortal: Record<string, TooltipType>\nif (typeof globalThis !== 'undefined') {\n  globalThis.tooltipPortal = globalThis.tooltipPortal || {}\n  tooltipPortal = globalThis.tooltipPortal\n} else {\n  tooltipPortal = {}\n}\n\ntype TooltipPortalProps = {\n  targetElement: HTMLElement\n  active: boolean\n  keepInDOM?: boolean\n  group?: string\n  children?: React.ReactNode\n}\n\nfunction TooltipPortal(\n  props: TooltipProps & TooltipPortalProps\n): JSX.Element {\n  const {\n    active,\n    targetElement,\n    hideDelay,\n    keepInDOM,\n    noAnimation,\n    children,\n  } = props\n\n  const [isMounted, setIsMounted] = React.useState(false)\n  const [isActive, setIsActive] = React.useState(active)\n  const [id] = React.useState(() => props.group || makeUniqueId())\n  const isInDOM = React.useRef(false)\n  const hasGroup = props.group\n\n  const theme = useTheme()\n\n  const makePortal = () => {\n    if (!tooltipPortal[id]) {\n      tooltipPortal[id] = {\n        count: 0,\n        node: hasGroup\n          ? createGroupElement(theme, id)\n          : createRootElement(theme),\n      }\n    }\n  }\n\n  const clearTimers = () => {\n    clearTimeout(tooltipPortal[id]?.delayTimeout)\n    clearTimeout(tooltipPortal[id]?.hiddenTimeout)\n  }\n\n  const removeFromDOM = (hide?: boolean) => {\n    if (isActive && hide) {\n      return // stop here\n    }\n\n    const ref = tooltipPortal[id]\n    if (ref?.node) {\n      ref.count--\n      if (ref.count <= 0) {\n        /**\n         * Only use unmountComponentAtNode when used ReactDOM.render()\n         */\n        if (hasGroup) {\n          ReactDOM.unmountComponentAtNode(ref.node)\n          createRootElement(theme).removeChild(ref.node)\n        }\n\n        /**\n         * Remove the referenced data\n         */\n        delete tooltipPortal[id]\n      }\n    }\n  }\n\n  React.useEffect(() => {\n    setIsMounted(true)\n\n    clearTimers()\n\n    if (active) {\n      makePortal()\n      setIsActive(true)\n\n      isInDOM.current = true\n\n      if (!isMounted) {\n        tooltipPortal[id].count++\n      }\n\n      if (hasGroup) {\n        renderPortal(true) // re-render\n      }\n    } else if (!active && isMounted) {\n      const delayRender = () => {\n        setIsActive(false)\n\n        if (hasGroup) {\n          renderPortal(false) // re-render\n        }\n      }\n\n      const delayHidden = () => {\n        isInDOM.current = false\n        removeFromDOM(true)\n      }\n\n      if (noAnimation || globalThis.IS_TEST) {\n        delayRender()\n        delayHidden()\n      } else if (tooltipPortal[id]) {\n        const delay = parseFloat(String(hideDelay))\n        tooltipPortal[id].delayTimeout = setTimeout(delayRender, delay)\n        tooltipPortal[id].hiddenTimeout = setTimeout(\n          delayHidden,\n          delay + 300\n        )\n      }\n    }\n\n    return clearTimers\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, active, id, hideDelay, noAnimation])\n\n  React.useEffect(() => {\n    /**\n     * Because of \"aria-describedby\" on the target element,\n     * the Tooltip should exist in the DOM\n     */\n    if (keepInDOM) {\n      makePortal()\n    }\n\n    return removeFromDOM\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const renderPortal = (isActive: boolean) => {\n    const root = tooltipPortal[id]?.node\n\n    // Ensure we only render when it should (is in DOM)\n    if (root && hasGroup && isInDOM.current) {\n      ReactDOM.render(\n        <TooltipContainer\n          {...props}\n          targetElement={targetElement}\n          active={isActive}\n        />,\n        root\n      )\n    }\n\n    return null\n  }\n\n  if (!hasGroup) {\n    const root = tooltipPortal[id]?.node\n\n    if (root) {\n      return ReactDOM.createPortal(\n        isInDOM.current || keepInDOM ? (\n          <TooltipContainer\n            {...props}\n            targetElement={targetElement}\n            active={isActive}\n          >\n            {children}\n          </TooltipContainer>\n        ) : null,\n        root\n      )\n    }\n  }\n\n  return null\n}\n\nexport default TooltipPortal\n\n/**\n * We creaete this custom wrapper, so ReactDOM.render has its \"own\" root. This is required by React.\n */\nconst createGroupElement = (theme: ThemeProps, id: string) => {\n  try {\n    const elem = document.createElement('div')\n    elem.classList.add('dnb-tooltip__group')\n    elem.setAttribute('id', id)\n\n    createRootElement(theme).appendChild(elem)\n\n    return elem\n  } catch (e) {\n    warn(e)\n  }\n}\n\nconst createRootElement = (theme: ThemeProps, className = null) => {\n  if (!className) {\n    className = 'dnb-tooltip__portal'\n  }\n  try {\n    const element: HTMLElement = document.querySelector(`.${className}`)\n\n    if (element) {\n      return element\n    }\n\n    const elem = document.createElement('div')\n    elem.classList.add(className)\n    elem.classList.add('dnb-core-style')\n\n    if (theme) {\n      elem.classList.add.call(\n        elem.classList,\n        ...getThemeClasses(theme).split(' ')\n      )\n    }\n\n    document.body.appendChild(elem)\n\n    return elem\n  } catch (e) {\n    warn(e)\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"TooltipPortal.js","names":["React","ReactDOM","makeUniqueId","warn","TooltipContainer","useTheme","getThemeClasses","tooltipPortal","globalThis","TooltipPortal","props","_tooltipPortal$id3","active","targetElement","hideDelay","keepInDOM","noAnimation","children","isMounted","setIsMounted","useState","isActive","setIsActive","id","isInDOM","useRef","theme","makePortal","count","node","createRootElement","clearTimers","_tooltipPortal$id","_tooltipPortal$id2","clearTimeout","delayTimeout","hiddenTimeout","removeFromDOM","hide","ref","useEffect","current","delayRender","delayHidden","IS_TEST","delay","parseFloat","String","setTimeout","root","createPortal","createElement","_extends","className","element","document","querySelector","elem","classList","add","call","split","body","appendChild","e"],"sources":["../../../../src/components/tooltip/TooltipPortal.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { makeUniqueId, warn } from '../../shared/component-helper'\nimport TooltipContainer from './TooltipContainer'\nimport { TooltipProps } from './types'\nimport { useTheme } from '../../shared'\nimport { ThemeProps, getThemeClasses } from '../../shared/Theme'\n\ntype TooltipType = {\n  node: HTMLElement\n  count?: number\n  delayTimeout?: NodeJS.Timeout\n  hiddenTimeout?: NodeJS.Timeout\n}\n\nlet tooltipPortal: Record<string, TooltipType>\nif (typeof globalThis !== 'undefined') {\n  globalThis.tooltipPortal = globalThis.tooltipPortal || {}\n  tooltipPortal = globalThis.tooltipPortal\n} else {\n  tooltipPortal = {}\n}\n\ntype TooltipPortalProps = {\n  targetElement: HTMLElement\n  active: boolean\n  keepInDOM?: boolean\n  children?: React.ReactNode\n}\n\nfunction TooltipPortal(\n  props: TooltipProps & TooltipPortalProps\n): JSX.Element {\n  const {\n    active,\n    targetElement,\n    hideDelay,\n    keepInDOM,\n    noAnimation,\n    children,\n  } = props\n\n  const [isMounted, setIsMounted] = React.useState(false)\n  const [isActive, setIsActive] = React.useState(active)\n  const [id] = React.useState(() => makeUniqueId())\n  const isInDOM = React.useRef(false)\n\n  const theme = useTheme()\n\n  const makePortal = () => {\n    if (!tooltipPortal[id]) {\n      tooltipPortal[id] = {\n        count: 0,\n        node: createRootElement(theme),\n      }\n    }\n  }\n\n  const clearTimers = () => {\n    clearTimeout(tooltipPortal[id]?.delayTimeout)\n    clearTimeout(tooltipPortal[id]?.hiddenTimeout)\n  }\n\n  const removeFromDOM = (hide?: boolean) => {\n    if (isActive && hide) {\n      return // stop here\n    }\n\n    const ref = tooltipPortal[id]\n    if (ref?.node) {\n      ref.count--\n      if (ref.count <= 0) {\n        /**\n         * Remove the referenced data\n         */\n        delete tooltipPortal[id]\n      }\n    }\n  }\n\n  React.useEffect(() => {\n    setIsMounted(true)\n\n    clearTimers()\n\n    if (active) {\n      makePortal()\n      setIsActive(true)\n\n      isInDOM.current = true\n\n      if (!isMounted) {\n        tooltipPortal[id].count++\n      }\n    } else if (!active && isMounted) {\n      const delayRender = () => {\n        setIsActive(false)\n      }\n\n      const delayHidden = () => {\n        isInDOM.current = false\n        removeFromDOM(true)\n      }\n\n      if (noAnimation || globalThis.IS_TEST) {\n        delayRender()\n        delayHidden()\n      } else if (tooltipPortal[id]) {\n        const delay = parseFloat(String(hideDelay))\n        tooltipPortal[id].delayTimeout = setTimeout(delayRender, delay)\n        tooltipPortal[id].hiddenTimeout = setTimeout(\n          delayHidden,\n          delay + 300\n        )\n      }\n    }\n\n    return clearTimers\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, active, id, hideDelay, noAnimation])\n\n  React.useEffect(() => {\n    /**\n     * Because of \"aria-describedby\" on the target element,\n     * the Tooltip should exist in the DOM\n     */\n    if (keepInDOM) {\n      makePortal()\n    }\n\n    return removeFromDOM\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const root = tooltipPortal[id]?.node\n\n  if (root) {\n    return ReactDOM.createPortal(\n      isInDOM.current || keepInDOM ? (\n        <TooltipContainer\n          {...props}\n          targetElement={targetElement}\n          active={isActive}\n        >\n          {children}\n        </TooltipContainer>\n      ) : null,\n      root\n    )\n  }\n\n  return null\n}\n\nexport default TooltipPortal\n\nconst createRootElement = (theme: ThemeProps, className = null) => {\n  if (!className) {\n    className = 'dnb-tooltip__portal'\n  }\n  try {\n    const element: HTMLElement = document.querySelector(`.${className}`)\n\n    if (element) {\n      return element\n    }\n\n    const elem = document.createElement('div')\n    elem.classList.add(className)\n    elem.classList.add('dnb-core-style')\n\n    if (theme) {\n      elem.classList.add.call(\n        elem.classList,\n        ...getThemeClasses(theme).split(' ')\n      )\n    }\n\n    document.body.appendChild(elem)\n\n    return elem\n  } catch (e) {\n    warn(e)\n  }\n}\n"],"mappings":"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"}

package/es/components/tooltip/TooltipWithEvents.d.ts

@@ -2,12 +2,11 @@
  * Web Tooltip Component
  *
  */
-/// <reference types="react" />
 import { TooltipProps } from './types';
 type TooltipWithEventsProps = {
     target: HTMLElement;
     active: boolean;
     internalId: string;
 };
-declare function TooltipWithEvents(props: TooltipProps & TooltipWithEventsProps): JSX.Element;
+declare function TooltipWithEvents(props: TooltipProps & TooltipWithEventsProps): import("react/jsx-runtime").JSX.Element;
 export default TooltipWithEvents;

package/es/components/tooltip/style/dnb-tooltip.css

@@ -20,9 +20,6 @@
 .dnb-tooltip--large {
   padding: 0.25rem 1rem;
 }
-.dnb-tooltip--animate_position {
-  transition: all 200ms var(--easing-default), opacity 200ms var(--easing-default);
-}
 .dnb-tooltip--active {
   visibility: visible;
   /*

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

@@ -1 +1 @@
-.dnb-tooltip{align-items:center;display:flex;flex-direction:column;justify-content:center;opacity:0;padding:0 1rem;position:absolute;transition:opacity .2s var(--easing-default);visibility:hidden;z-index:3100}.dnb-tooltip--large{padding:.25rem 1rem}.dnb-tooltip--animate_position{transition:all .2s var(--easing-default),opacity .2s var(--easing-default)}.dnb-tooltip--active{animation:show-tooltip .2s var(--easing-default) forwards;visibility:visible}.dnb-tooltip--active.dnb-tooltip--no-animation,html[data-visual-test] .dnb-tooltip--active{animation:show-tooltip 1ms var(--easing-default) forwards}.dnb-tooltip--hide{animation:hide-tooltip .2s var(--easing-default) forwards;visibility:visible}.dnb-tooltip--hide.dnb-tooltip--no-animation{animation:hide-tooltip 1ms linear forwards}.dnb-tooltip--fixed{position:fixed}html[data-visual-test] .dnb-tooltip--hide{animation:hide-tooltip 1ms linear 1s forwards}.dnb-tooltip__portal{left:0;position:absolute;right:0;top:0}.dnb-tooltip__content{min-height:1.5rem;min-width:2rem;padding:0}.dnb-tooltip__arrow{height:.5rem;margin:0;overflow:hidden;pointer-events:none;position:absolute;width:1rem}.dnb-tooltip__arrow:before{bottom:0;content:"";height:1rem;left:0;position:absolute;transform:translateY(70%) rotate(45deg);width:1rem}.dnb-tooltip__arrow__position--bottom{top:-.5rem}.dnb-tooltip__arrow__position--top{bottom:-.5rem;transform:rotate(180deg)}.dnb-tooltip__arrow__position--left{margin-right:3px;right:-.75rem;transform:rotate(90deg)}.dnb-tooltip__arrow__position--right{left:-.75rem;margin-left:3px;transform:rotate(270deg)}.dnb-tooltip__arrow__arrow--left{align-self:flex-start}.dnb-tooltip__arrow__arrow--right{align-self:flex-end}@keyframes show-tooltip{0%{opacity:0}to{opacity:1}}@keyframes hide-tooltip{0%{opacity:1}to{opacity:0;visibility:hidden}}
+.dnb-tooltip{align-items:center;display:flex;flex-direction:column;justify-content:center;opacity:0;padding:0 1rem;position:absolute;transition:opacity .2s var(--easing-default);visibility:hidden;z-index:3100}.dnb-tooltip--large{padding:.25rem 1rem}.dnb-tooltip--active{animation:show-tooltip .2s var(--easing-default) forwards;visibility:visible}.dnb-tooltip--active.dnb-tooltip--no-animation,html[data-visual-test] .dnb-tooltip--active{animation:show-tooltip 1ms var(--easing-default) forwards}.dnb-tooltip--hide{animation:hide-tooltip .2s var(--easing-default) forwards;visibility:visible}.dnb-tooltip--hide.dnb-tooltip--no-animation{animation:hide-tooltip 1ms linear forwards}.dnb-tooltip--fixed{position:fixed}html[data-visual-test] .dnb-tooltip--hide{animation:hide-tooltip 1ms linear 1s forwards}.dnb-tooltip__portal{left:0;position:absolute;right:0;top:0}.dnb-tooltip__content{min-height:1.5rem;min-width:2rem;padding:0}.dnb-tooltip__arrow{height:.5rem;margin:0;overflow:hidden;pointer-events:none;position:absolute;width:1rem}.dnb-tooltip__arrow:before{bottom:0;content:"";height:1rem;left:0;position:absolute;transform:translateY(70%) rotate(45deg);width:1rem}.dnb-tooltip__arrow__position--bottom{top:-.5rem}.dnb-tooltip__arrow__position--top{bottom:-.5rem;transform:rotate(180deg)}.dnb-tooltip__arrow__position--left{margin-right:3px;right:-.75rem;transform:rotate(90deg)}.dnb-tooltip__arrow__position--right{left:-.75rem;margin-left:3px;transform:rotate(270deg)}.dnb-tooltip__arrow__arrow--left{align-self:flex-start}.dnb-tooltip__arrow__arrow--right{align-self:flex-end}@keyframes show-tooltip{0%{opacity:0}to{opacity:1}}@keyframes hide-tooltip{0%{opacity:1}to{opacity:0;visibility:hidden}}

package/es/components/tooltip/style/dnb-tooltip.scss

@@ -25,11 +25,6 @@
 
   transition: opacity 200ms var(--easing-default);
 
-  &--animate_position {
-    transition: all 200ms var(--easing-default),
-      opacity 200ms var(--easing-default);
-  }
-
   &--active {
     visibility: visible;