@dynatrace/strato-components 3.10.4 → 3.10.6

package/esm/notifications/toast/Toast.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/notifications/toast/Toast.css.ts"],
-  "sourcesContent": ["import './Toast.css';\nexport var flexContainer = '_yjszxq2-3-10-4';\nexport var icon = '_yjszxq1-3-10-4';\nexport var root = '_yjszxq0-3-10-4';\nexport var text = '_yjszxq3-3-10-4';"],
+  "sourcesContent": ["import './Toast.css';\nexport var flexContainer = '_yjszxq2-3-10-6';\nexport var icon = '_yjszxq1-3-10-6';\nexport var root = '_yjszxq0-3-10-6';\nexport var text = '_yjszxq3-3-10-6';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;AACpB,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,OAAO;",
   "names": []
 }

package/esm/notifications/toast/ToastContainer.css

@@ -1,4 +1,4 @@
-@keyframes _rxr5810-3-10-4 {
+@keyframes _rxr5810-3-10-6 {
   0% {
     transform: translateY(calc(100% + var(--dt-spacings-size-16, 16px)));
   }
@@ -6,7 +6,7 @@
     transform: translateY(0);
   }
 }
-@keyframes _rxr5811-3-10-4 {
+@keyframes _rxr5811-3-10-6 {
   0% {
     transform: translateY(0);
   }
@@ -14,7 +14,7 @@
     transform: translateY(calc(100% + var(--dt-spacings-size-16, 16px)));
   }
 }
-@keyframes _rxr5812-3-10-4 {
+@keyframes _rxr5812-3-10-6 {
   0% {
     transform: scaleX(1);
   }
@@ -22,34 +22,34 @@
     transform: scaleX(0);
   }
 }
-._rxr5813-3-10-4 {
+._rxr5813-3-10-6 {
   overflow-y: auto;
   max-height: min(40vh, 400px);
   box-sizing: border-box;
 }
-._rxr5813-3-10-4 .Toastify__toast-container {
+._rxr5813-3-10-6 .Toastify__toast-container {
   z-index: 9999;
   position: fixed;
   max-width: 400px;
   width: calc(100% - var(--dt-spacings-size-32, 32px));
   box-sizing: border-box;
 }
-._rxr5813-3-10-4 .Toastify__toast-container--bottom-left {
+._rxr5813-3-10-6 .Toastify__toast-container--bottom-left {
   bottom: var(--dt-spacings-size-16, 16px);
   left: var(--dt-spacings-size-16, 16px);
   right: auto;
 }
-._rxr5813-3-10-4 .Toastify__toast-container--bottom-right {
+._rxr5813-3-10-6 .Toastify__toast-container--bottom-right {
   bottom: var(--dt-spacings-size-16, 16px);
   left: auto;
   right: var(--dt-spacings-size-16, 16px);
 }
-._rxr5813-3-10-4 .Toastify__toast-container--bottom-center {
+._rxr5813-3-10-6 .Toastify__toast-container--bottom-center {
   bottom: var(--dt-spacings-size-16, 16px);
   left: 50%;
   transform: translateX(-50%);
 }
-._rxr5813-3-10-4 .Toastify__toast {
+._rxr5813-3-10-6 .Toastify__toast {
   margin: 0;
   align-items: start;
   border: none;
@@ -72,24 +72,24 @@
   margin-top: var(--dt-spacings-size-8, 8px);
   max-width: 100%;
 }
-._rxr5813-3-10-4 .Toastify__toast-body {
+._rxr5813-3-10-6 .Toastify__toast-body {
   margin: auto 0;
   flex: 1 1 auto;
   display: flex;
   align-items: center;
   overflow: hidden;
 }
-._rxr5813-3-10-4 .Toastify__toast-body > div {
+._rxr5813-3-10-6 .Toastify__toast-body > div {
   flex: 1 1 auto;
   overflow: hidden;
 }
-._rxr5813-3-10-4 .Toastify__toast-icon {
+._rxr5813-3-10-6 .Toastify__toast-icon {
   margin-inline-end: 10px;
   width: 20px;
   flex-shrink: 0;
   display: flex;
 }
-._rxr5813-3-10-4 .Toastify__progress-bar {
+._rxr5813-3-10-6 .Toastify__progress-bar {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -98,17 +98,17 @@
   z-index: var(--toastify-z-index);
   opacity: 0;
 }
-._rxr5813-3-10-4 .Toastify__progress-bar--animated {
-  animation: _rxr5812-3-10-4 1 forwards;
+._rxr5813-3-10-6 .Toastify__progress-bar--animated {
+  animation: _rxr5812-3-10-6 1 forwards;
 }
 .strato__toast__enter {
-  animation-name: _rxr5810-3-10-4;
+  animation-name: _rxr5810-3-10-6;
   animation-duration: var(--dt-animations-slide-in-duration-fast, 200ms);
   animation-timing-function: var(--dt-animations-slide-in-easing, cubic-bezier(0, 0, 0.2, 1));
   animation-fill-mode: both;
 }
 .strato__toast__exit {
-  animation-name: _rxr5811-3-10-4;
+  animation-name: _rxr5811-3-10-6;
   animation-duration: var(--dt-animations-slide-out-duration-fast, 150ms);
   animation-timing-function: var(--dt-animations-slide-out-easing, cubic-bezier(0.8, 0, 0.5, 1));
   animation-fill-mode: both;

package/esm/notifications/toast/ToastContainer.sty.js

@@ -1,5 +1,5 @@
 import "./ToastContainer.css";
-var root = "_rxr5813-3-10-4";
+var root = "_rxr5813-3-10-6";
 export {
   root
 };

package/esm/notifications/toast/ToastContainer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/notifications/toast/ToastContainer.css.ts"],
-  "sourcesContent": ["import './ToastContainer.css';\nexport var root = '_rxr5813-3-10-4';"],
+  "sourcesContent": ["import './ToastContainer.css';\nexport var root = '_rxr5813-3-10-6';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;",
   "names": []
 }

package/esm/overlays/drawer/Drawer.css

@@ -1,4 +1,4 @@
-._14971970-3-10-4 {
+._14971970-3-10-6 {
   pointer-events: initial;
   position: absolute;
   height: 100vh;
@@ -7,40 +7,40 @@
   background-color: var(--dt-colors-background-base-default, #f9f9fa);
   box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
 }
-._14971971-3-10-4 {
+._14971971-3-10-6 {
   left: 0;
   right: auto;
   border-radius: 0 var(--dt-borders-radius-surface-default, 12px) var(--dt-borders-radius-surface-default, 12px) 0;
 }
-._14971972-3-10-4 {
+._14971972-3-10-6 {
   left: auto;
   right: 0;
   border-radius: var(--dt-borders-radius-surface-default, 12px) 0 0 var(--dt-borders-radius-surface-default, 12px);
 }
-._14971973-3-10-4 {
+._14971973-3-10-6 {
   width: 25%;
   min-width: min(calc(100% - 64px), 320px);
 }
-._14971974-3-10-4 {
+._14971974-3-10-6 {
   width: 50%;
   min-width: min(calc(100% - 56px), 640px);
 }
-._14971975-3-10-4 {
+._14971975-3-10-6 {
   width: 75%;
   min-width: min(calc(100% - 48px), 960px);
 }
-._14971976-3-10-4 {
+._14971976-3-10-6 {
   width: 100%;
   border-radius: 0;
 }
-._14971977-3-10-4 {
+._14971977-3-10-6 {
   position: relative;
   width: 100vw;
   height: 100vh;
   overflow: hidden;
   z-index: var(--dt-elevations-default, 1);
 }
-._14971978-3-10-4 {
+._14971978-3-10-6 {
   width: 100%;
   height: 100%;
 }

package/esm/overlays/drawer/Drawer.sty.js

@@ -1,9 +1,9 @@
 import "./Drawer.css";
-var DrawerBackdropCSS = "_14971977-3-10-4";
-var DrawerCSS = "_14971970-3-10-4";
-var DrawerContentCSS = "_14971978-3-10-4";
-var DrawerPlacementCSS = { left: "_14971971-3-10-4", right: "_14971972-3-10-4" };
-var DrawerWidthStyles = { narrow: "_14971973-3-10-4", medium: "_14971974-3-10-4", wide: "_14971975-3-10-4", full: "_14971976-3-10-4" };
+var DrawerBackdropCSS = "_14971977-3-10-6";
+var DrawerCSS = "_14971970-3-10-6";
+var DrawerContentCSS = "_14971978-3-10-6";
+var DrawerPlacementCSS = { left: "_14971971-3-10-6", right: "_14971972-3-10-6" };
+var DrawerWidthStyles = { narrow: "_14971973-3-10-6", medium: "_14971974-3-10-6", wide: "_14971975-3-10-6", full: "_14971976-3-10-6" };
 export {
   DrawerBackdropCSS,
   DrawerCSS,

package/esm/overlays/drawer/Drawer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/drawer/Drawer.css.ts"],
-  "sourcesContent": ["import './Drawer.css';\nexport var DrawerBackdropCSS = '_14971977-3-10-4';\nexport var DrawerCSS = '_14971970-3-10-4';\nexport var DrawerContentCSS = '_14971978-3-10-4';\nexport var DrawerPlacementCSS = {left:'_14971971-3-10-4',right:'_14971972-3-10-4'};\nexport var DrawerWidthStyles = {narrow:'_14971973-3-10-4',medium:'_14971974-3-10-4',wide:'_14971975-3-10-4',full:'_14971976-3-10-4'};"],
+  "sourcesContent": ["import './Drawer.css';\nexport var DrawerBackdropCSS = '_14971977-3-10-6';\nexport var DrawerCSS = '_14971970-3-10-6';\nexport var DrawerContentCSS = '_14971978-3-10-6';\nexport var DrawerPlacementCSS = {left:'_14971971-3-10-6',right:'_14971972-3-10-6'};\nexport var DrawerWidthStyles = {narrow:'_14971973-3-10-6',medium:'_14971974-3-10-6',wide:'_14971975-3-10-6',full:'_14971976-3-10-6'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,YAAY;AAChB,IAAI,mBAAmB;AACvB,IAAI,qBAAqB,EAAC,MAAK,oBAAmB,OAAM,mBAAkB;AAC1E,IAAI,oBAAoB,EAAC,QAAO,oBAAmB,QAAO,oBAAmB,MAAK,oBAAmB,MAAK,mBAAkB;",
   "names": []
 }

package/esm/overlays/modal/Modal.css

@@ -1,4 +1,4 @@
-._dmotjm0-3-10-4 {
+._dmotjm0-3-10-6 {
   box-sizing: border-box;
   position: relative;
   display: flex;
@@ -12,19 +12,19 @@
   overflow-y: auto;
   overscroll-behavior: contain;
 }
-._dmotjm1-3-10-4 {
+._dmotjm1-3-10-6 {
   max-width: 576px;
 }
-._dmotjm2-3-10-4 {
+._dmotjm2-3-10-6 {
   max-width: 768px;
 }
-._dmotjm3-3-10-4 {
+._dmotjm3-3-10-6 {
   max-width: 1280px;
 }
 body:has([data-modal-scroll-lock]) {
   overflow: hidden;
 }
-._dmotjm4-3-10-4 {
+._dmotjm4-3-10-6 {
   position: fixed;
   top: 0;
   left: 0;
@@ -36,32 +36,32 @@ body:has([data-modal-scroll-lock]) {
   background: var(--dt-colors-background-surface-backdrop, #f9f9facc);
   z-index: var(--dt-elevations-default, 1);
 }
-._dmotjm5-3-10-4 {
+._dmotjm5-3-10-6 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: var(--dt-spacings-size-8, 8px);
   padding: var(--dt-spacings-size-16, 16px) var(--dt-spacings-size-16, 16px) var(--dt-spacings-size-8, 8px);
 }
-._dmotjm6-3-10-4 {
+._dmotjm6-3-10-6 {
   padding-top: 0;
   padding-bottom: 0;
   padding-left: var(--dt-spacings-size-16, 16px);
   padding-right: var(--dt-spacings-size-16, 16px);
 }
-._dmotjm7-3-10-4 {
+._dmotjm7-3-10-6 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-left: var(--dt-spacings-size-16, 16px);
   padding-right: var(--dt-spacings-size-16, 16px);
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }
-._dmotjm8-3-10-4 {
+._dmotjm8-3-10-6 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-left: var(--dt-spacings-size-16, 16px);
   padding-right: var(--dt-spacings-size-16, 16px);
   padding-bottom: var(--dt-spacings-size-24, 24px);
 }
-._dmotjm9-3-10-4 {
+._dmotjm9-3-10-6 {
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
@@ -71,27 +71,27 @@ body:has([data-modal-scroll-lock]) {
   padding-right: var(--dt-spacings-size-16, 16px);
 }
 @supports not (height: 1dvh) {
-  ._dmotjm0-3-10-4 {
+  ._dmotjm0-3-10-6 {
     max-height: 96vh;
   }
 }
 @media screen and (min-width: 641px) {
-  ._dmotjm5-3-10-4 {
+  ._dmotjm5-3-10-6 {
     padding: var(--dt-spacings-size-16, 16px) var(--dt-spacings-size-24, 24px) var(--dt-spacings-size-8, 8px);
   }
-  ._dmotjm6-3-10-4 {
+  ._dmotjm6-3-10-6 {
     padding-left: var(--dt-spacings-size-24, 24px);
     padding-right: var(--dt-spacings-size-24, 24px);
   }
-  ._dmotjm7-3-10-4 {
+  ._dmotjm7-3-10-6 {
     padding-left: var(--dt-spacings-size-24, 24px);
     padding-right: var(--dt-spacings-size-24, 24px);
   }
-  ._dmotjm8-3-10-4 {
+  ._dmotjm8-3-10-6 {
     padding-left: var(--dt-spacings-size-24, 24px);
     padding-right: var(--dt-spacings-size-24, 24px);
   }
-  ._dmotjm9-3-10-4 {
+  ._dmotjm9-3-10-6 {
     padding-left: var(--dt-spacings-size-24, 24px);
     padding-right: var(--dt-spacings-size-24, 24px);
   }

package/esm/overlays/modal/Modal.sty.js

@@ -1,11 +1,11 @@
 import "./Modal.css";
-var backdrop = "_dmotjm4-3-10-4";
-var base = "_dmotjm0-3-10-4";
-var content = { withFooter: "_dmotjm7-3-10-4", withoutFooter: "_dmotjm8-3-10-4" };
-var dividerWrapper = "_dmotjm6-3-10-4";
-var footerSection = "_dmotjm9-3-10-4";
-var header = "_dmotjm5-3-10-4";
-var sizes = { small: "_dmotjm1-3-10-4", medium: "_dmotjm2-3-10-4", large: "_dmotjm3-3-10-4" };
+var backdrop = "_dmotjm4-3-10-6";
+var base = "_dmotjm0-3-10-6";
+var content = { withFooter: "_dmotjm7-3-10-6", withoutFooter: "_dmotjm8-3-10-6" };
+var dividerWrapper = "_dmotjm6-3-10-6";
+var footerSection = "_dmotjm9-3-10-6";
+var header = "_dmotjm5-3-10-6";
+var sizes = { small: "_dmotjm1-3-10-6", medium: "_dmotjm2-3-10-6", large: "_dmotjm3-3-10-6" };
 export {
   backdrop,
   base,

package/esm/overlays/modal/Modal.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/modal/Modal.css.ts"],
-  "sourcesContent": ["import './Modal.css';\nexport var backdrop = '_dmotjm4-3-10-4';\nexport var base = '_dmotjm0-3-10-4';\nexport var content = {withFooter:'_dmotjm7-3-10-4',withoutFooter:'_dmotjm8-3-10-4'};\nexport var dividerWrapper = '_dmotjm6-3-10-4';\nexport var footerSection = '_dmotjm9-3-10-4';\nexport var header = '_dmotjm5-3-10-4';\nexport var sizes = {small:'_dmotjm1-3-10-4',medium:'_dmotjm2-3-10-4',large:'_dmotjm3-3-10-4'};"],
+  "sourcesContent": ["import './Modal.css';\nexport var backdrop = '_dmotjm4-3-10-6';\nexport var base = '_dmotjm0-3-10-6';\nexport var content = {withFooter:'_dmotjm7-3-10-6',withoutFooter:'_dmotjm8-3-10-6'};\nexport var dividerWrapper = '_dmotjm6-3-10-6';\nexport var footerSection = '_dmotjm9-3-10-6';\nexport var header = '_dmotjm5-3-10-6';\nexport var sizes = {small:'_dmotjm1-3-10-6',medium:'_dmotjm2-3-10-6',large:'_dmotjm3-3-10-6'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,UAAU,EAAC,YAAW,mBAAkB,eAAc,kBAAiB;AAC3E,IAAI,iBAAiB;AACrB,IAAI,gBAAgB;AACpB,IAAI,SAAS;AACb,IAAI,QAAQ,EAAC,OAAM,mBAAkB,QAAO,mBAAkB,OAAM,kBAAiB;",
   "names": []
 }

package/esm/overlays/overlay/Overlay.css

@@ -1,4 +1,4 @@
-._1dhu6810-3-10-4 {
+._1dhu6810-3-10-6 {
   background: var(--dt-colors-background-surface-default, #fff);
   border-radius: var(--dt-borders-radius-surface-subdued, 9px);
   box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);

package/esm/overlays/overlay/Overlay.sty.js

@@ -1,5 +1,5 @@
 import "./Overlay.css";
-var overlayCSS = "_1dhu6810-3-10-4";
+var overlayCSS = "_1dhu6810-3-10-6";
 export {
   overlayCSS
 };

package/esm/overlays/overlay/Overlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/overlay/Overlay.css.ts"],
-  "sourcesContent": ["import './Overlay.css';\nexport var overlayCSS = '_1dhu6810-3-10-4';"],
+  "sourcesContent": ["import './Overlay.css';\nexport var overlayCSS = '_1dhu6810-3-10-6';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

package/esm/overlays/sheet/Sheet.css

@@ -1,4 +1,4 @@
-._d76u1n0-3-10-4 {
+._d76u1n0-3-10-6 {
   width: 100%;
   display: flex;
   justify-content: center;
@@ -7,7 +7,7 @@
   position: relative;
   z-index: var(--dt-elevations-default, 1);
 }
-._d76u1n1-3-10-4 {
+._d76u1n1-3-10-6 {
   box-sizing: border-box;
   position: relative;
   display: flex;
@@ -25,16 +25,16 @@
   padding-bottom: var(--dt-spacings-size-16, 16px);
   margin-top: var(--dt-spacings-size-12, 12px);
 }
-._d76u1n1-3-10-4:after {
+._d76u1n1-3-10-6:after {
   content: "";
   display: block;
   padding-bottom: var(--dt-spacings-size-32, 32px);
 }
-._d76u1n2-3-10-4 {
+._d76u1n2-3-10-6 {
   overflow: auto;
   padding-right: var(--dt-spacings-size-12, 12px);
 }
-._d76u1n3-3-10-4 {
+._d76u1n3-3-10-6 {
   height: 100vh;
   position: fixed;
   top: 0;
@@ -43,12 +43,12 @@
   z-index: var(--dt-elevations-overlay, 20);
   background: var(--dt-colors-background-surface-backdrop, #f9f9facc);
 }
-._d76u1n4-3-10-4 {
+._d76u1n4-3-10-6 {
   word-break: normal;
   overflow-wrap: anywhere;
 }
 @media screen and (min-width: 641px) {
-  ._d76u1n1-3-10-4 {
+  ._d76u1n1-3-10-6 {
     padding-left: var(--dt-spacings-size-24, 24px);
     padding-right: var(--dt-spacings-size-12, 12px);
   }

package/esm/overlays/sheet/Sheet.sty.js

@@ -1,9 +1,9 @@
 import "./Sheet.css";
-var sheetBackdropCSS = "_d76u1n0-3-10-4";
-var sheetCSS = "_d76u1n1-3-10-4";
-var sheetHeadingCSS = "_d76u1n4-3-10-4";
-var sheetScrollableContainerCSS = "_d76u1n2-3-10-4";
-var sheetWrapperCSS = "_d76u1n3-3-10-4";
+var sheetBackdropCSS = "_d76u1n0-3-10-6";
+var sheetCSS = "_d76u1n1-3-10-6";
+var sheetHeadingCSS = "_d76u1n4-3-10-6";
+var sheetScrollableContainerCSS = "_d76u1n2-3-10-6";
+var sheetWrapperCSS = "_d76u1n3-3-10-6";
 export {
   sheetBackdropCSS,
   sheetCSS,

package/esm/overlays/sheet/Sheet.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/sheet/Sheet.css.ts"],
-  "sourcesContent": ["import './Sheet.css';\nexport var sheetBackdropCSS = '_d76u1n0-3-10-4';\nexport var sheetCSS = '_d76u1n1-3-10-4';\nexport var sheetHeadingCSS = '_d76u1n4-3-10-4';\nexport var sheetScrollableContainerCSS = '_d76u1n2-3-10-4';\nexport var sheetWrapperCSS = '_d76u1n3-3-10-4';"],
+  "sourcesContent": ["import './Sheet.css';\nexport var sheetBackdropCSS = '_d76u1n0-3-10-6';\nexport var sheetCSS = '_d76u1n1-3-10-6';\nexport var sheetHeadingCSS = '_d76u1n4-3-10-6';\nexport var sheetScrollableContainerCSS = '_d76u1n2-3-10-6';\nexport var sheetWrapperCSS = '_d76u1n3-3-10-6';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;AACvB,IAAI,WAAW;AACf,IAAI,kBAAkB;AACtB,IAAI,8BAA8B;AAClC,IAAI,kBAAkB;",
   "names": []
 }

package/esm/overlays/tooltip/tooltip.css

@@ -1,54 +1,54 @@
-._hplwyr1-3-10-4 {
+._hplwyr1-3-10-6 {
   max-width: 240px;
   word-break: normal;
   overflow-wrap: anywhere;
   pointer-events: auto;
 }
-._hplwyr1-3-10-4[data-popper-placement^="top"]::after {
+._hplwyr1-3-10-6[data-popper-placement^="top"]::after {
   content: "";
   position: absolute;
   width: 100%;
-  height: var(--_hplwyr0-3-10-4);
+  height: var(--_hplwyr0-3-10-6);
   left: 0;
-  bottom: calc(var(--_hplwyr0-3-10-4) * -1);
+  bottom: calc(var(--_hplwyr0-3-10-6) * -1);
 }
-._hplwyr1-3-10-4[data-popper-placement^="bottom"]::after {
+._hplwyr1-3-10-6[data-popper-placement^="bottom"]::after {
   content: "";
   position: absolute;
   width: 100%;
-  height: var(--_hplwyr0-3-10-4);
+  height: var(--_hplwyr0-3-10-6);
   left: 0;
-  top: calc(var(--_hplwyr0-3-10-4) * -1);
+  top: calc(var(--_hplwyr0-3-10-6) * -1);
 }
-._hplwyr1-3-10-4[data-popper-placement^="left"]::after {
+._hplwyr1-3-10-6[data-popper-placement^="left"]::after {
   content: "";
   position: absolute;
   height: 100%;
-  width: var(--_hplwyr0-3-10-4);
+  width: var(--_hplwyr0-3-10-6);
   top: 0;
-  right: calc(var(--_hplwyr0-3-10-4) * -1);
+  right: calc(var(--_hplwyr0-3-10-6) * -1);
 }
-._hplwyr1-3-10-4[data-popper-placement^="right"]::after {
+._hplwyr1-3-10-6[data-popper-placement^="right"]::after {
   content: "";
   position: absolute;
   height: 100%;
-  width: var(--_hplwyr0-3-10-4);
+  width: var(--_hplwyr0-3-10-6);
   top: 0;
-  left: calc(var(--_hplwyr0-3-10-4) * -1);
+  left: calc(var(--_hplwyr0-3-10-6) * -1);
 }
-._hplwyr1-3-10-4[data-popper-placement^="top"] > div {
+._hplwyr1-3-10-6[data-popper-placement^="top"] > div {
   transform-origin: center bottom;
 }
-._hplwyr1-3-10-4[data-popper-placement^="bottom"] > div {
+._hplwyr1-3-10-6[data-popper-placement^="bottom"] > div {
   transform-origin: center top;
 }
-._hplwyr1-3-10-4[data-popper-placement^="left"] > div {
+._hplwyr1-3-10-6[data-popper-placement^="left"] > div {
   transform-origin: right center;
 }
-._hplwyr1-3-10-4[data-popper-placement^="right"] > div {
+._hplwyr1-3-10-6[data-popper-placement^="right"] > div {
   transform-origin: left center;
 }
-._hplwyr2-3-10-4 {
+._hplwyr2-3-10-6 {
   background: var(--dt-colors-background-surface-default, #fff);
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-6, 6px);

package/esm/overlays/tooltip/tooltip.sty.js

@@ -1,7 +1,7 @@
 import "./tooltip.css";
-var tooltipAnimationWrapperCSS = "_hplwyr2-3-10-4";
-var tooltipElementCSS = "_hplwyr1-3-10-4";
-var tooltipOffsetVar = "var(--_hplwyr0-3-10-4)";
+var tooltipAnimationWrapperCSS = "_hplwyr2-3-10-6";
+var tooltipElementCSS = "_hplwyr1-3-10-6";
+var tooltipOffsetVar = "var(--_hplwyr0-3-10-6)";
 export {
   tooltipAnimationWrapperCSS,
   tooltipElementCSS,

package/esm/overlays/tooltip/tooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/tooltip/tooltip.css.ts"],
-  "sourcesContent": ["import './tooltip.css';\nexport var tooltipAnimationWrapperCSS = '_hplwyr2-3-10-4';\nexport var tooltipElementCSS = '_hplwyr1-3-10-4';\nexport var tooltipOffsetVar = 'var(--_hplwyr0-3-10-4)';"],
+  "sourcesContent": ["import './tooltip.css';\nexport var tooltipAnimationWrapperCSS = '_hplwyr2-3-10-6';\nexport var tooltipElementCSS = '_hplwyr1-3-10-6';\nexport var tooltipOffsetVar = 'var(--_hplwyr0-3-10-6)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,6BAA6B;AACjC,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;",
   "names": []
 }

package/esm/overlays/utils/use-popper-compat.js

@@ -66,7 +66,7 @@ function usePopper(referenceElement, popperElement, options = {}) {
       phase: "write",
       fn: ({ state: popperState }) => {
         const elements = Object.keys(popperState.elements);
-        setState({
+        const nextState = {
           styles: fromEntries(
             elements.map((el) => [
               el,
@@ -79,7 +79,10 @@ function usePopper(referenceElement, popperElement, options = {}) {
               popperState.attributes[el] ?? {}
             ])
           )
-        });
+        };
+        setState(
+          (currentState) => deepEqual(currentState, nextState) ? currentState : nextState
+        );
       },
       requires: ["computeStyles"]
     }),
@@ -126,6 +129,7 @@ function usePopper(referenceElement, popperElement, options = {}) {
       prevOptions.current
     );
     popperInstanceRef.current = popperInstance;
+    popperInstance.forceUpdate();
     return () => {
       popperInstance.destroy();
       popperInstanceRef.current = void 0;

package/esm/overlays/utils/use-popper-compat.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/utils/use-popper-compat.ts"],
-  "sourcesContent": ["/**\n * Vendored React 19-compatible replacement for the `usePopper` hook from\n * the unmaintained `react-popper` package.\n *\n * Changes from the original:\n * - Ported to TypeScript (the original was Flow-typed)\n * - Replaced `ReactDOM.flushSync` with a plain `setState` call. In React 18+\n *   `flushSync` inside a `useLayoutEffect` callback causes a warning; in\n *   React 19 it throws. Batching the update is fine here because the overlay\n *   element is not visible until it is positioned.\n * - Inlined `fromEntries` and `isEqual` helpers to remove the\n *   `react-fast-compare` dependency.\n * - `useIsomorphicLayoutEffect` inlined: uses `useLayoutEffect` in browsers\n *   and `useEffect` as an SSR fallback to suppress the React warning.\n *\n * Source: https://github.com/floating-ui/react-popper/blob/master/src/usePopper.js\n */\nimport {\n  createPopper as defaultCreatePopper,\n  type Instance as PopperInstance,\n  type Options as PopperOptions,\n  type State as PopperState,\n  type VirtualElement,\n} from '@popperjs/core';\nimport {\n  type CSSProperties,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nconst useIsomorphicLayoutEffect =\n  typeof document !== 'undefined' ? useLayoutEffect : useEffect;\n\nfunction fromEntries<T>(entries: Array<[string, T]>): Record<string, T> {\n  return entries.reduce<Record<string, T>>((acc, [key, value]) => {\n    acc[key] = value;\n    return acc;\n  }, {});\n}\n\nfunction deepEqual(a: unknown, b: unknown): boolean {\n  if (Object.is(a, b)) {\n    return true;\n  }\n  if (typeof a !== 'object' || typeof b !== 'object') {\n    return false;\n  }\n  if (a === null || b === null) {\n    return false;\n  }\n  const keysA = Object.keys(a as object);\n  const keysB = Object.keys(b as object);\n  if (keysA.length !== keysB.length) {\n    return false;\n  }\n  return keysA.every((key) =>\n    deepEqual(\n      (a as Record<string, unknown>)[key],\n      (b as Record<string, unknown>)[key],\n    ),\n  );\n}\n\ntype Styles = Record<string, CSSProperties>;\ntype Attributes = Record<string, Record<string, string | boolean>>;\n\ntype UsePopperState = {\n  styles: Styles;\n  attributes: Attributes;\n};\n\ntype UsePopperOptions = Partial<\n  PopperOptions & { createPopper: typeof defaultCreatePopper }\n>;\n\nexport type UsePopperResult = Readonly<{\n  state: PopperState | null;\n  styles: Styles;\n  attributes: Attributes;\n  update: PopperInstance['update'] | null;\n  forceUpdate: PopperInstance['forceUpdate'] | null;\n}>;\n\nconst EMPTY_MODIFIERS: PopperOptions['modifiers'] = [];\n\nexport function usePopper(\n  referenceElement: Element | VirtualElement | null | undefined,\n  popperElement: HTMLElement | null | undefined,\n  options: UsePopperOptions = {},\n): UsePopperResult {\n  const prevOptions = useRef<PopperOptions | null>(null);\n\n  const optionsWithDefaults = {\n    onFirstUpdate: options.onFirstUpdate,\n    placement: options.placement ?? 'bottom',\n    strategy: options.strategy ?? 'absolute',\n    modifiers: options.modifiers ?? EMPTY_MODIFIERS,\n  };\n\n  const [state, setState] = useState<UsePopperState>({\n    styles: {\n      popper: {\n        position: optionsWithDefaults.strategy,\n        left: '0',\n        top: '0',\n      },\n      arrow: {\n        position: 'absolute',\n      },\n    },\n    attributes: {},\n  });\n\n  const updateStateModifier = useMemo(\n    () => ({\n      name: 'updateState',\n      enabled: true,\n      phase: 'write' as const,\n      fn: ({ state: popperState }: { state: PopperState }) => {\n        const elements = Object.keys(popperState.elements) as Array<\n          keyof typeof popperState.elements\n        >;\n        // React 19 fix: removed ReactDOM.flushSync() wrapper. In React 18+\n        // calling flushSync inside useLayoutEffect throws. Plain setState is\n        // fine because the overlay starts hidden; there is no visible FOIP.\n        setState({\n          styles: fromEntries(\n            elements.map((el) => [\n              el as string,\n              (popperState.styles[el as string] as CSSProperties) ?? {},\n            ]),\n          ),\n          attributes: fromEntries(\n            elements.map((el) => [\n              el as string,\n              popperState.attributes[el as string] ?? {},\n            ]),\n          ),\n        });\n      },\n      requires: ['computeStyles'],\n    }),\n    [],\n  );\n\n  const popperOptions = useMemo(() => {\n    const newOptions: PopperOptions = {\n      onFirstUpdate: optionsWithDefaults.onFirstUpdate,\n      placement: optionsWithDefaults.placement,\n      strategy: optionsWithDefaults.strategy,\n      modifiers: [\n        ...optionsWithDefaults.modifiers,\n        updateStateModifier,\n        { name: 'applyStyles', enabled: false },\n      ],\n    };\n\n    if (deepEqual(prevOptions.current, newOptions)) {\n      return prevOptions.current ?? newOptions;\n    } else {\n      prevOptions.current = newOptions;\n      return newOptions;\n    }\n  }, [\n    optionsWithDefaults.onFirstUpdate,\n    optionsWithDefaults.placement,\n    optionsWithDefaults.strategy,\n    optionsWithDefaults.modifiers,\n    updateStateModifier,\n  ]);\n\n  const popperInstanceRef = useRef<PopperInstance | undefined>(undefined);\n\n  useIsomorphicLayoutEffect(() => {\n    if (popperInstanceRef.current) {\n      void popperInstanceRef.current.setOptions(popperOptions);\n    }\n  }, [popperOptions]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (\n      referenceElement === null ||\n      referenceElement === undefined ||\n      popperElement === null ||\n      popperElement === undefined\n    ) {\n      return;\n    }\n\n    const createPopper = options.createPopper ?? defaultCreatePopper;\n    const popperInstance = createPopper(\n      referenceElement,\n      popperElement,\n      prevOptions.current!,\n    );\n    popperInstanceRef.current = popperInstance;\n\n    return () => {\n      popperInstance.destroy();\n      popperInstanceRef.current = undefined;\n    };\n  }, [referenceElement, popperElement, options.createPopper]);\n\n  return {\n    state: popperInstanceRef.current ? popperInstanceRef.current.state : null,\n    styles: state.styles,\n    attributes: state.attributes,\n    update: popperInstanceRef.current ? popperInstanceRef.current.update : null,\n    forceUpdate: popperInstanceRef.current\n      ? popperInstanceRef.current.forceUpdate\n      : null,\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * Vendored React 19-compatible replacement for the `usePopper` hook from\n * the unmaintained `react-popper` package.\n *\n * Changes from the original:\n * - Ported to TypeScript (the original was Flow-typed)\n * - Replaced `ReactDOM.flushSync` with a plain `setState` call. In React 18+\n *   `flushSync` inside a `useLayoutEffect` callback causes a warning; in\n *   React 19 it throws. The first position is instead computed synchronously\n *   via `forceUpdate()` while still inside the layout effect, which React\n *   commits before the browser paints (see the effect below).\n * - Inlined `fromEntries` and `isEqual` helpers to remove the\n *   `react-fast-compare` dependency.\n * - `useIsomorphicLayoutEffect` inlined: uses `useLayoutEffect` in browsers\n *   and `useEffect` as an SSR fallback to suppress the React warning.\n *\n * Source: https://github.com/floating-ui/react-popper/blob/master/src/usePopper.js\n */\nimport {\n  createPopper as defaultCreatePopper,\n  type Instance as PopperInstance,\n  type Options as PopperOptions,\n  type State as PopperState,\n  type VirtualElement,\n} from '@popperjs/core';\nimport {\n  type CSSProperties,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nconst useIsomorphicLayoutEffect =\n  typeof document !== 'undefined' ? useLayoutEffect : useEffect;\n\nfunction fromEntries<T>(entries: Array<[string, T]>): Record<string, T> {\n  return entries.reduce<Record<string, T>>((acc, [key, value]) => {\n    acc[key] = value;\n    return acc;\n  }, {});\n}\n\nfunction deepEqual(a: unknown, b: unknown): boolean {\n  if (Object.is(a, b)) {\n    return true;\n  }\n  if (typeof a !== 'object' || typeof b !== 'object') {\n    return false;\n  }\n  if (a === null || b === null) {\n    return false;\n  }\n  const keysA = Object.keys(a as object);\n  const keysB = Object.keys(b as object);\n  if (keysA.length !== keysB.length) {\n    return false;\n  }\n  return keysA.every((key) =>\n    deepEqual(\n      (a as Record<string, unknown>)[key],\n      (b as Record<string, unknown>)[key],\n    ),\n  );\n}\n\ntype Styles = Record<string, CSSProperties>;\ntype Attributes = Record<string, Record<string, string | boolean>>;\n\ntype UsePopperState = {\n  styles: Styles;\n  attributes: Attributes;\n};\n\ntype UsePopperOptions = Partial<\n  PopperOptions & { createPopper: typeof defaultCreatePopper }\n>;\n\nexport type UsePopperResult = Readonly<{\n  state: PopperState | null;\n  styles: Styles;\n  attributes: Attributes;\n  update: PopperInstance['update'] | null;\n  forceUpdate: PopperInstance['forceUpdate'] | null;\n}>;\n\nconst EMPTY_MODIFIERS: PopperOptions['modifiers'] = [];\n\nexport function usePopper(\n  referenceElement: Element | VirtualElement | null | undefined,\n  popperElement: HTMLElement | null | undefined,\n  options: UsePopperOptions = {},\n): UsePopperResult {\n  const prevOptions = useRef<PopperOptions | null>(null);\n\n  const optionsWithDefaults = {\n    onFirstUpdate: options.onFirstUpdate,\n    placement: options.placement ?? 'bottom',\n    strategy: options.strategy ?? 'absolute',\n    modifiers: options.modifiers ?? EMPTY_MODIFIERS,\n  };\n\n  const [state, setState] = useState<UsePopperState>({\n    styles: {\n      popper: {\n        position: optionsWithDefaults.strategy,\n        left: '0',\n        top: '0',\n      },\n      arrow: {\n        position: 'absolute',\n      },\n    },\n    attributes: {},\n  });\n\n  const updateStateModifier = useMemo(\n    () => ({\n      name: 'updateState',\n      enabled: true,\n      phase: 'write' as const,\n      fn: ({ state: popperState }: { state: PopperState }) => {\n        const elements = Object.keys(popperState.elements) as Array<\n          keyof typeof popperState.elements\n        >;\n        // React 19 fix: removed ReactDOM.flushSync() wrapper. In React 18+\n        // calling flushSync inside useLayoutEffect throws.\n        const nextState: UsePopperState = {\n          styles: fromEntries(\n            elements.map((el) => [\n              el as string,\n              (popperState.styles[el as string] as CSSProperties) ?? {},\n            ]),\n          ),\n          attributes: fromEntries(\n            elements.map((el) => [\n              el as string,\n              popperState.attributes[el as string] ?? {},\n            ]),\n          ),\n        };\n\n        // The eager forceUpdate() below and the update that `createPopper`\n        // queues itself both land here with identical results. Bailing out on\n        // an unchanged state keeps that from causing a second render.\n        setState((currentState) =>\n          deepEqual(currentState, nextState) ? currentState : nextState,\n        );\n      },\n      requires: ['computeStyles'],\n    }),\n    [],\n  );\n\n  const popperOptions = useMemo(() => {\n    const newOptions: PopperOptions = {\n      onFirstUpdate: optionsWithDefaults.onFirstUpdate,\n      placement: optionsWithDefaults.placement,\n      strategy: optionsWithDefaults.strategy,\n      modifiers: [\n        ...optionsWithDefaults.modifiers,\n        updateStateModifier,\n        { name: 'applyStyles', enabled: false },\n      ],\n    };\n\n    if (deepEqual(prevOptions.current, newOptions)) {\n      return prevOptions.current ?? newOptions;\n    } else {\n      prevOptions.current = newOptions;\n      return newOptions;\n    }\n  }, [\n    optionsWithDefaults.onFirstUpdate,\n    optionsWithDefaults.placement,\n    optionsWithDefaults.strategy,\n    optionsWithDefaults.modifiers,\n    updateStateModifier,\n  ]);\n\n  const popperInstanceRef = useRef<PopperInstance | undefined>(undefined);\n\n  useIsomorphicLayoutEffect(() => {\n    if (popperInstanceRef.current) {\n      void popperInstanceRef.current.setOptions(popperOptions);\n    }\n  }, [popperOptions]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (\n      referenceElement === null ||\n      referenceElement === undefined ||\n      popperElement === null ||\n      popperElement === undefined\n    ) {\n      return;\n    }\n\n    const createPopper = options.createPopper ?? defaultCreatePopper;\n    const popperInstance = createPopper(\n      referenceElement,\n      popperElement,\n      prevOptions.current!,\n    );\n    popperInstanceRef.current = popperInstance;\n\n    // `createPopper` only schedules its first update, and popper debounces\n    // that onto a microtask. Because the state update is no longer flushed\n    // with flushSync, React can commit it after the browser has already\n    // painted the initial (0,0) position, which shows up as the overlay\n    // flashing in the top-left corner (APPDEV-19359). forceUpdate() is\n    // synchronous, so calling it here makes the positioned styles part of the\n    // render that React flushes before paint.\n    popperInstance.forceUpdate();\n\n    return () => {\n      popperInstance.destroy();\n      popperInstanceRef.current = undefined;\n    };\n  }, [referenceElement, popperElement, options.createPopper]);\n\n  return {\n    state: popperInstanceRef.current ? popperInstanceRef.current.state : null,\n    styles: state.styles,\n    attributes: state.attributes,\n    update: popperInstanceRef.current ? popperInstanceRef.current.update : null,\n    forceUpdate: popperInstanceRef.current\n      ? popperInstanceRef.current.forceUpdate\n      : null,\n  };\n}\n"],
+  "mappings": "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",
   "names": []
 }