@dynatrace/strato-components 3.1.0 → 3.1.1

package/esm/navigation/tabs/Tabs.sty.js

@@ -1,9 +1,9 @@
 import "./Tabs.css";
-var tabsArrowButtonCSS = "_1tfbrxp6-3-1-0";
-var tabsArrowWrapperCSS = "_1tfbrxp5-3-1-0";
-var tabsCSS = "_1tfbrxp0-3-1-0";
-var tabsWrapperCSS = "_1tfbrxp1-3-1-0";
-var tabsWrapperOverflowCSS = { left: "_1tfbrxp2-3-1-0", right: "_1tfbrxp3-3-1-0", both: "_1tfbrxp4-3-1-0" };
+var tabsArrowButtonCSS = "_1tfbrxp6-3-1-1";
+var tabsArrowWrapperCSS = "_1tfbrxp5-3-1-1";
+var tabsCSS = "_1tfbrxp0-3-1-1";
+var tabsWrapperCSS = "_1tfbrxp1-3-1-1";
+var tabsWrapperOverflowCSS = { left: "_1tfbrxp2-3-1-1", right: "_1tfbrxp3-3-1-1", both: "_1tfbrxp4-3-1-1" };
 export {
   tabsArrowButtonCSS,
   tabsArrowWrapperCSS,

package/esm/navigation/tabs/Tabs.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/tabs/Tabs.css.ts"],
-  "sourcesContent": ["import './Tabs.css';\nexport var tabsArrowButtonCSS = '_1tfbrxp6-3-1-0';\nexport var tabsArrowWrapperCSS = '_1tfbrxp5-3-1-0';\nexport var tabsCSS = '_1tfbrxp0-3-1-0';\nexport var tabsWrapperCSS = '_1tfbrxp1-3-1-0';\nexport var tabsWrapperOverflowCSS = {left:'_1tfbrxp2-3-1-0',right:'_1tfbrxp3-3-1-0',both:'_1tfbrxp4-3-1-0'};"],
+  "sourcesContent": ["import './Tabs.css';\nexport var tabsArrowButtonCSS = '_1tfbrxp6-3-1-1';\nexport var tabsArrowWrapperCSS = '_1tfbrxp5-3-1-1';\nexport var tabsCSS = '_1tfbrxp0-3-1-1';\nexport var tabsWrapperCSS = '_1tfbrxp1-3-1-1';\nexport var tabsWrapperOverflowCSS = {left:'_1tfbrxp2-3-1-1',right:'_1tfbrxp3-3-1-1',both:'_1tfbrxp4-3-1-1'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;AACzB,IAAI,sBAAsB;AAC1B,IAAI,UAAU;AACd,IAAI,iBAAiB;AACrB,IAAI,yBAAyB,EAAC,MAAK,mBAAkB,OAAM,mBAAkB,MAAK,kBAAiB;",
   "names": []
 }

package/esm/notifications/notification-settings/NotificationSettings.css

@@ -1,3 +1,3 @@
-._1cohdty0-3-1-0 {
+._1cohdty0-3-1-1 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }

package/esm/notifications/notification-settings/NotificationSettings.sty.js

@@ -1,5 +1,5 @@
 import "./NotificationSettings.css";
-var overlayText = "_1cohdty0-3-1-0";
+var overlayText = "_1cohdty0-3-1-1";
 export {
   overlayText
 };

package/esm/notifications/notification-settings/NotificationSettings.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/notifications/notification-settings/NotificationSettings.css.ts"],
-  "sourcesContent": ["import './NotificationSettings.css';\nexport var overlayText = '_1cohdty0-3-1-0';"],
+  "sourcesContent": ["import './NotificationSettings.css';\nexport var overlayText = '_1cohdty0-3-1-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,cAAc;",
   "names": []
 }

package/esm/notifications/toast/Toast.css

@@ -1,8 +1,8 @@
-._yjszxq0-3-1-0 {
+._yjszxq0-3-1-1 {
   display: flex;
   overflow: hidden;
 }
-._yjszxq1-3-1-0 {
+._yjszxq1-3-1-1 {
   display: flex;
   border: 0;
   border-radius: 0;
@@ -11,14 +11,14 @@
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }
-._yjszxq2-3-1-0 {
+._yjszxq2-3-1-1 {
   overflow-y: auto;
   max-height: min(40vh, 400px);
   box-sizing: border-box;
 }
-._yjszxq3-3-1-0 {
+._yjszxq3-3-1-1 {
   max-width: 100%;
 }
-._yjszxq3-3-1-0._yjszxq3-3-1-0 {
+._yjszxq3-3-1-1._yjszxq3-3-1-1 {
   overflow-wrap: anywhere;
 }

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

@@ -1,8 +1,8 @@
 import "./Toast.css";
-var toastCSS = "_yjszxq0-3-1-0";
-var toastFlexContainerCSS = "_yjszxq2-3-1-0";
-var toastIconCSS = "_yjszxq1-3-1-0";
-var toastTextCSS = "_yjszxq3-3-1-0";
+var toastCSS = "_yjszxq0-3-1-1";
+var toastFlexContainerCSS = "_yjszxq2-3-1-1";
+var toastIconCSS = "_yjszxq1-3-1-1";
+var toastTextCSS = "_yjszxq3-3-1-1";
 export {
   toastCSS,
   toastFlexContainerCSS,

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 toastCSS = '_yjszxq0-3-1-0';\nexport var toastFlexContainerCSS = '_yjszxq2-3-1-0';\nexport var toastIconCSS = '_yjszxq1-3-1-0';\nexport var toastTextCSS = '_yjszxq3-3-1-0';"],
+  "sourcesContent": ["import './Toast.css';\nexport var toastCSS = '_yjszxq0-3-1-1';\nexport var toastFlexContainerCSS = '_yjszxq2-3-1-1';\nexport var toastIconCSS = '_yjszxq1-3-1-1';\nexport var toastTextCSS = '_yjszxq3-3-1-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,wBAAwB;AAC5B,IAAI,eAAe;AACnB,IAAI,eAAe;",
   "names": []
 }

package/esm/notifications/toast/ToastContainer.css

@@ -1,4 +1,4 @@
-@keyframes _rxr5810-3-1-0 {
+@keyframes _rxr5810-3-1-1 {
   0% {
     transform: translateY(calc(100% + var(--dt-spacings-size-16, 16px)));
   }
@@ -6,7 +6,7 @@
     transform: translateY(0);
   }
 }
-@keyframes _rxr5811-3-1-0 {
+@keyframes _rxr5811-3-1-1 {
   0% {
     transform: translateY(0);
   }
@@ -14,7 +14,7 @@
     transform: translateY(calc(100% + var(--dt-spacings-size-16, 16px)));
   }
 }
-@keyframes _rxr5812-3-1-0 {
+@keyframes _rxr5812-3-1-1 {
   0% {
     transform: scaleX(1);
   }
@@ -22,7 +22,7 @@
     transform: scaleX(0);
   }
 }
-._rxr5813-3-1-0 {
+._rxr5813-3-1-1 {
   overflow-y: auto;
   max-height: min(40vh, 400px);
   box-sizing: border-box;
@@ -100,16 +100,16 @@
   opacity: 0;
 }
 .Toastify__progress-bar--animated {
-  animation: _rxr5812-3-1-0 1 forwards;
+  animation: _rxr5812-3-1-1 1 forwards;
 }
 .strato__toast__enter {
-  animation-name: _rxr5810-3-1-0;
+  animation-name: _rxr5810-3-1-1;
   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-1-0;
+  animation-name: _rxr5811-3-1-1;
   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 toastsCSS = "_rxr5813-3-1-0";
+var toastsCSS = "_rxr5813-3-1-1";
 export {
   toastsCSS
 };

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 toastsCSS = '_rxr5813-3-1-0';"],
+  "sourcesContent": ["import './ToastContainer.css';\nexport var toastsCSS = '_rxr5813-3-1-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/overlays/drawer/Drawer.css

@@ -1,4 +1,4 @@
-._14971970-3-1-0 {
+._14971970-3-1-1 {
   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-1-0 {
+._14971971-3-1-1 {
   left: 0;
   right: auto;
   border-radius: 0 var(--dt-borders-radius-surface-default, 12px) var(--dt-borders-radius-surface-default, 12px) 0;
 }
-._14971972-3-1-0 {
+._14971972-3-1-1 {
   left: auto;
   right: 0;
   border-radius: var(--dt-borders-radius-surface-default, 12px) 0 0 var(--dt-borders-radius-surface-default, 12px);
 }
-._14971973-3-1-0 {
+._14971973-3-1-1 {
   width: 25%;
   min-width: min(calc(100% - 64px), 320px);
 }
-._14971974-3-1-0 {
+._14971974-3-1-1 {
   width: 50%;
   min-width: min(calc(100% - 56px), 640px);
 }
-._14971975-3-1-0 {
+._14971975-3-1-1 {
   width: 75%;
   min-width: min(calc(100% - 48px), 960px);
 }
-._14971976-3-1-0 {
+._14971976-3-1-1 {
   width: 100%;
   border-radius: 0;
 }
-._14971977-3-1-0 {
+._14971977-3-1-1 {
   position: relative;
   width: 100vw;
   height: 100vh;
   overflow: hidden;
   z-index: var(--dt-elevations-default, 1);
 }
-._14971978-3-1-0 {
+._14971978-3-1-1 {
   width: 100%;
   height: 100%;
 }

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

@@ -1,9 +1,9 @@
 import "./Drawer.css";
-var DrawerBackdropCSS = "_14971977-3-1-0";
-var DrawerCSS = "_14971970-3-1-0";
-var DrawerContentCSS = "_14971978-3-1-0";
-var DrawerPlacementCSS = { left: "_14971971-3-1-0", right: "_14971972-3-1-0" };
-var DrawerWidthStyles = { narrow: "_14971973-3-1-0", medium: "_14971974-3-1-0", wide: "_14971975-3-1-0", full: "_14971976-3-1-0" };
+var DrawerBackdropCSS = "_14971977-3-1-1";
+var DrawerCSS = "_14971970-3-1-1";
+var DrawerContentCSS = "_14971978-3-1-1";
+var DrawerPlacementCSS = { left: "_14971971-3-1-1", right: "_14971972-3-1-1" };
+var DrawerWidthStyles = { narrow: "_14971973-3-1-1", medium: "_14971974-3-1-1", wide: "_14971975-3-1-1", full: "_14971976-3-1-1" };
 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-1-0';\nexport var DrawerCSS = '_14971970-3-1-0';\nexport var DrawerContentCSS = '_14971978-3-1-0';\nexport var DrawerPlacementCSS = {left:'_14971971-3-1-0',right:'_14971972-3-1-0'};\nexport var DrawerWidthStyles = {narrow:'_14971973-3-1-0',medium:'_14971974-3-1-0',wide:'_14971975-3-1-0',full:'_14971976-3-1-0'};"],
+  "sourcesContent": ["import './Drawer.css';\nexport var DrawerBackdropCSS = '_14971977-3-1-1';\nexport var DrawerCSS = '_14971970-3-1-1';\nexport var DrawerContentCSS = '_14971978-3-1-1';\nexport var DrawerPlacementCSS = {left:'_14971971-3-1-1',right:'_14971972-3-1-1'};\nexport var DrawerWidthStyles = {narrow:'_14971973-3-1-1',medium:'_14971974-3-1-1',wide:'_14971975-3-1-1',full:'_14971976-3-1-1'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,YAAY;AAChB,IAAI,mBAAmB;AACvB,IAAI,qBAAqB,EAAC,MAAK,mBAAkB,OAAM,kBAAiB;AACxE,IAAI,oBAAoB,EAAC,QAAO,mBAAkB,QAAO,mBAAkB,MAAK,mBAAkB,MAAK,kBAAiB;",
   "names": []
 }

package/esm/overlays/modal/Modal.css

@@ -1,4 +1,4 @@
-._dmotjm0-3-1-0 {
+._dmotjm0-3-1-1 {
   box-sizing: border-box;
   position: relative;
   display: flex;
@@ -11,16 +11,16 @@
   background: var(--dt-colors-background-surface-default, #fff);
   overflow-y: auto;
 }
-._dmotjm1-3-1-0 {
+._dmotjm1-3-1-1 {
   max-width: 576px;
 }
-._dmotjm2-3-1-0 {
+._dmotjm2-3-1-1 {
   max-width: 768px;
 }
-._dmotjm3-3-1-0 {
+._dmotjm3-3-1-1 {
   max-width: 1280px;
 }
-._dmotjm4-3-1-0 {
+._dmotjm4-3-1-1 {
   position: fixed;
   top: 0;
   left: 0;
@@ -32,7 +32,7 @@
   background: var(--dt-colors-background-surface-backdrop, #f9f9facc);
   z-index: var(--dt-elevations-default, 1);
 }
-._dmotjm5-3-1-0 {
+._dmotjm5-3-1-1 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -40,7 +40,7 @@
   padding: var(--dt-spacings-size-16, 16px) var(--dt-spacings-size-24, 24px) var(--dt-spacings-size-8, 8px);
 }
 @supports not (height: 1dvh) {
-  ._dmotjm0-3-1-0 {
+  ._dmotjm0-3-1-1 {
     max-height: 96vh;
   }
 }

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

@@ -1,8 +1,8 @@
 import "./Modal.css";
-var backdrop = "_dmotjm4-3-1-0";
-var base = "_dmotjm0-3-1-0";
-var header = "_dmotjm5-3-1-0";
-var sizes = { small: "_dmotjm1-3-1-0", medium: "_dmotjm2-3-1-0", large: "_dmotjm3-3-1-0" };
+var backdrop = "_dmotjm4-3-1-1";
+var base = "_dmotjm0-3-1-1";
+var header = "_dmotjm5-3-1-1";
+var sizes = { small: "_dmotjm1-3-1-1", medium: "_dmotjm2-3-1-1", large: "_dmotjm3-3-1-1" };
 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-1-0';\nexport var base = '_dmotjm0-3-1-0';\nexport var header = '_dmotjm5-3-1-0';\nexport var sizes = {small:'_dmotjm1-3-1-0',medium:'_dmotjm2-3-1-0',large:'_dmotjm3-3-1-0'};"],
+  "sourcesContent": ["import './Modal.css';\nexport var backdrop = '_dmotjm4-3-1-1';\nexport var base = '_dmotjm0-3-1-1';\nexport var header = '_dmotjm5-3-1-1';\nexport var sizes = {small:'_dmotjm1-3-1-1',medium:'_dmotjm2-3-1-1',large:'_dmotjm3-3-1-1'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,QAAQ,EAAC,OAAM,kBAAiB,QAAO,kBAAiB,OAAM,iBAAgB;",
   "names": []
 }

package/esm/overlays/overlay/Overlay.css

@@ -1,4 +1,4 @@
-._1dhu6810-3-1-0 {
+._1dhu6810-3-1-1 {
   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-1-0";
+var overlayCSS = "_1dhu6810-3-1-1";
 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-1-0';"],
+  "sourcesContent": ["import './Overlay.css';\nexport var overlayCSS = '_1dhu6810-3-1-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

package/esm/overlays/sheet/Sheet.css

@@ -1,4 +1,4 @@
-._d76u1n0-3-1-0 {
+._d76u1n0-3-1-1 {
   width: 100%;
   display: flex;
   justify-content: center;
@@ -7,7 +7,7 @@
   position: relative;
   z-index: var(--dt-elevations-default, 1);
 }
-._d76u1n1-3-1-0 {
+._d76u1n1-3-1-1 {
   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-1-0:after {
+._d76u1n1-3-1-1:after {
   content: "";
   display: block;
   padding-bottom: var(--dt-spacings-size-32, 32px);
 }
-._d76u1n2-3-1-0 {
+._d76u1n2-3-1-1 {
   overflow: auto;
   padding-right: var(--dt-spacings-size-12, 12px);
 }
-._d76u1n3-3-1-0 {
+._d76u1n3-3-1-1 {
   height: 100vh;
   position: fixed;
   top: 0;
@@ -43,7 +43,7 @@
   z-index: var(--dt-elevations-overlay, 20);
   background: var(--dt-colors-background-surface-backdrop, #f9f9facc);
 }
-._d76u1n4-3-1-0 {
+._d76u1n4-3-1-1 {
   word-break: normal;
   overflow-wrap: anywhere;
 }

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

@@ -1,9 +1,9 @@
 import "./Sheet.css";
-var sheetBackdropCSS = "_d76u1n0-3-1-0";
-var sheetCSS = "_d76u1n1-3-1-0";
-var sheetHeadingCSS = "_d76u1n4-3-1-0";
-var sheetScrollableContainerCSS = "_d76u1n2-3-1-0";
-var sheetWrapperCSS = "_d76u1n3-3-1-0";
+var sheetBackdropCSS = "_d76u1n0-3-1-1";
+var sheetCSS = "_d76u1n1-3-1-1";
+var sheetHeadingCSS = "_d76u1n4-3-1-1";
+var sheetScrollableContainerCSS = "_d76u1n2-3-1-1";
+var sheetWrapperCSS = "_d76u1n3-3-1-1";
 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-1-0';\nexport var sheetCSS = '_d76u1n1-3-1-0';\nexport var sheetHeadingCSS = '_d76u1n4-3-1-0';\nexport var sheetScrollableContainerCSS = '_d76u1n2-3-1-0';\nexport var sheetWrapperCSS = '_d76u1n3-3-1-0';"],
+  "sourcesContent": ["import './Sheet.css';\nexport var sheetBackdropCSS = '_d76u1n0-3-1-1';\nexport var sheetCSS = '_d76u1n1-3-1-1';\nexport var sheetHeadingCSS = '_d76u1n4-3-1-1';\nexport var sheetScrollableContainerCSS = '_d76u1n2-3-1-1';\nexport var sheetWrapperCSS = '_d76u1n3-3-1-1';"],
   "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-1-0 {
+._hplwyr1-3-1-1 {
   max-width: 240px;
   word-break: normal;
   overflow-wrap: anywhere;
   pointer-events: auto;
 }
-._hplwyr1-3-1-0[data-popper-placement^="top"]::after {
+._hplwyr1-3-1-1[data-popper-placement^="top"]::after {
   content: "";
   position: absolute;
   width: 100%;
-  height: var(--_hplwyr0-3-1-0);
+  height: var(--_hplwyr0-3-1-1);
   left: 0;
-  bottom: calc(var(--_hplwyr0-3-1-0) * -1);
+  bottom: calc(var(--_hplwyr0-3-1-1) * -1);
 }
-._hplwyr1-3-1-0[data-popper-placement^="bottom"]::after {
+._hplwyr1-3-1-1[data-popper-placement^="bottom"]::after {
   content: "";
   position: absolute;
   width: 100%;
-  height: var(--_hplwyr0-3-1-0);
+  height: var(--_hplwyr0-3-1-1);
   left: 0;
-  top: calc(var(--_hplwyr0-3-1-0) * -1);
+  top: calc(var(--_hplwyr0-3-1-1) * -1);
 }
-._hplwyr1-3-1-0[data-popper-placement^="left"]::after {
+._hplwyr1-3-1-1[data-popper-placement^="left"]::after {
   content: "";
   position: absolute;
   height: 100%;
-  width: var(--_hplwyr0-3-1-0);
+  width: var(--_hplwyr0-3-1-1);
   top: 0;
-  right: calc(var(--_hplwyr0-3-1-0) * -1);
+  right: calc(var(--_hplwyr0-3-1-1) * -1);
 }
-._hplwyr1-3-1-0[data-popper-placement^="right"]::after {
+._hplwyr1-3-1-1[data-popper-placement^="right"]::after {
   content: "";
   position: absolute;
   height: 100%;
-  width: var(--_hplwyr0-3-1-0);
+  width: var(--_hplwyr0-3-1-1);
   top: 0;
-  left: calc(var(--_hplwyr0-3-1-0) * -1);
+  left: calc(var(--_hplwyr0-3-1-1) * -1);
 }
-._hplwyr1-3-1-0[data-popper-placement^="top"] > div {
+._hplwyr1-3-1-1[data-popper-placement^="top"] > div {
   transform-origin: center bottom;
 }
-._hplwyr1-3-1-0[data-popper-placement^="bottom"] > div {
+._hplwyr1-3-1-1[data-popper-placement^="bottom"] > div {
   transform-origin: center top;
 }
-._hplwyr1-3-1-0[data-popper-placement^="left"] > div {
+._hplwyr1-3-1-1[data-popper-placement^="left"] > div {
   transform-origin: right center;
 }
-._hplwyr1-3-1-0[data-popper-placement^="right"] > div {
+._hplwyr1-3-1-1[data-popper-placement^="right"] > div {
   transform-origin: left center;
 }
-._hplwyr2-3-1-0 {
+._hplwyr2-3-1-1 {
   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-1-0";
-var tooltipElementCSS = "_hplwyr1-3-1-0";
-var tooltipOffsetVar = "var(--_hplwyr0-3-1-0)";
+var tooltipAnimationWrapperCSS = "_hplwyr2-3-1-1";
+var tooltipElementCSS = "_hplwyr1-3-1-1";
+var tooltipOffsetVar = "var(--_hplwyr0-3-1-1)";
 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-1-0';\nexport var tooltipElementCSS = '_hplwyr1-3-1-0';\nexport var tooltipOffsetVar = 'var(--_hplwyr0-3-1-0)';"],
+  "sourcesContent": ["import './tooltip.css';\nexport var tooltipAnimationWrapperCSS = '_hplwyr2-3-1-1';\nexport var tooltipElementCSS = '_hplwyr1-3-1-1';\nexport var tooltipOffsetVar = 'var(--_hplwyr0-3-1-1)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,6BAA6B;AACjC,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;",
   "names": []
 }