@dynatrace/strato-components 3.5.2 → 3.6.0

package/esm/layouts/split-layout/SplitLayout.css

@@ -1,11 +1,11 @@
-._6q8dk20-3-5-2 {
+._6q8dk20-3-6-0 {
   height: 100%;
   overflow-y: hidden;
   overflow-x: auto;
   display: flex;
   position: relative;
 }
-._6q8dk21-3-5-2 {
+._6q8dk21-3-6-0 {
   box-sizing: border-box;
   height: 100%;
   top: 0;
@@ -13,21 +13,21 @@
   flex-shrink: 0;
   overflow-y: auto;
 }
-._6q8dk22-3-5-2 {
+._6q8dk22-3-6-0 {
   flex: 0 0 auto;
 }
-._6q8dk23-3-5-2 {
+._6q8dk23-3-6-0 {
   flex: 1 1 0;
   contain: layout paint;
 }
-._6q8dk24-3-5-2 {
+._6q8dk24-3-6-0 {
   width: var(--dt-spacings-size-8, 8px);
   align-items: center;
   display: flex;
   justify-content: center;
   overflow-y: visible;
 }
-._1jgl8s50-3-5-2 ._6q8dk24-3-5-2 {
+._1jgl8s50-3-6-0 ._6q8dk24-3-6-0 {
   background-color: var(--dt-colors-background-base-default, #f9f9fa);
   background-image: linear-gradient(var(--dt-colors-border-neutral-subdued, #e4e5eb), var(--dt-colors-border-neutral-subdued, #e4e5eb));
   background-size: var(--dt-borders-width-default, 1px) 100%;
@@ -39,23 +39,23 @@
   left: 0;
   transition: none;
 }
-._1jgl8s50-3-5-2 ._6q8dk24-3-5-2:hover {
+._1jgl8s50-3-6-0 ._6q8dk24-3-6-0:hover {
   background-image: linear-gradient(var(--dt-colors-border-neutral-subdued-hover, #d0d1dc), var(--dt-colors-border-neutral-subdued-hover, #d0d1dc));
 }
-._1jgl8s50-3-5-2 ._6q8dk24-3-5-2:active {
+._1jgl8s50-3-6-0 ._6q8dk24-3-6-0:active {
   background-image: linear-gradient(var(--dt-colors-border-neutral-subdued-active, #c6c7d5), var(--dt-colors-border-neutral-subdued-active, #c6c7d5));
 }
-._6q8dk25-3-5-2 {
+._6q8dk25-3-6-0 {
   inset: 0;
   overflow: visible;
   pointer-events: none;
   position: absolute;
   z-index: 1;
 }
-._6q8dk25-3-5-2 > * {
+._6q8dk25-3-6-0 > * {
   pointer-events: auto;
 }
-._6q8dk26-3-5-2 {
+._6q8dk26-3-6-0 {
   background-color: var(--dt-colors-border-neutral-accent, #595a7d);
   border: none;
   border-radius: var(--dt-borders-radius-field-default, 6px);
@@ -68,17 +68,17 @@
   transition: height var(--dt-timings-base-default, 300ms) var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
   width: 2px;
 }
-._6q8dk26-3-5-2:focus-visible {
+._6q8dk26-3-6-0:focus-visible {
   width: 100%;
 }
-._6q8dk26-3-5-2:hover._6q8dk26-3-5-2:focus-visible {
+._6q8dk26-3-6-0:hover._6q8dk26-3-6-0:focus-visible {
   width: 2px;
 }
-._6q8dk26-3-5-2:focus-visible, ._6q8dk26-3-5-2:hover {
+._6q8dk26-3-6-0:focus-visible, ._6q8dk26-3-6-0:hover {
   height: var(--dt-spacings-size-48, 48px);
   background-color: var(--dt-colors-border-neutral-accent-hover, #434465);
 }
-._6q8dk26-3-5-2:after {
+._6q8dk26-3-6-0:after {
   content: "";
   display: block;
   height: 100%;
@@ -89,11 +89,11 @@
   user-select: none;
   width: 100%;
 }
-._1jgl8s50-3-5-2 ._6q8dk26-3-5-2 {
+._1jgl8s50-3-6-0 ._6q8dk26-3-6-0 {
   width: 0;
   cursor: ew-resize;
 }
-._1jgl8s50-3-5-2 ._6q8dk24-3-5-2:has(._6q8dk26-3-5-2:focus-visible) {
+._1jgl8s50-3-6-0 ._6q8dk24-3-6-0:has(._6q8dk26-3-6-0:focus-visible) {
   background-image: linear-gradient(var(--dt-colors-border-neutral-accent, #595a7d), var(--dt-colors-border-neutral-accent, #595a7d));
   background-size: var(--dt-borders-width-emphasized, 2px) 100%;
 }

package/esm/layouts/split-layout/SplitLayout.sty.js

@@ -1,12 +1,12 @@
 import "../../core/components/app-root/AppRoot.css";
 import "./SplitLayout.css";
-var column = "_6q8dk21-3-5-2";
-var contentShellContainer = "_6q8dk23-3-5-2 _6q8dk21-3-5-2";
-var handleColumn = "_6q8dk24-3-5-2 _6q8dk21-3-5-2";
-var handleDecorations = "_6q8dk25-3-5-2";
-var layout = "_6q8dk20-3-5-2";
-var panelShellContainer = "_6q8dk22-3-5-2 _6q8dk21-3-5-2";
-var resizeHandle = "_6q8dk26-3-5-2";
+var column = "_6q8dk21-3-6-0";
+var contentShellContainer = "_6q8dk23-3-6-0 _6q8dk21-3-6-0";
+var handleColumn = "_6q8dk24-3-6-0 _6q8dk21-3-6-0";
+var handleDecorations = "_6q8dk25-3-6-0";
+var layout = "_6q8dk20-3-6-0";
+var panelShellContainer = "_6q8dk22-3-6-0 _6q8dk21-3-6-0";
+var resizeHandle = "_6q8dk26-3-6-0";
 export {
   column,
   contentShellContainer,

package/esm/layouts/split-layout/SplitLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/split-layout/SplitLayout.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport './SplitLayout.css';\nexport var column = '_6q8dk21-3-5-2';\nexport var contentShellContainer = '_6q8dk23-3-5-2 _6q8dk21-3-5-2';\nexport var handleColumn = '_6q8dk24-3-5-2 _6q8dk21-3-5-2';\nexport var handleDecorations = '_6q8dk25-3-5-2';\nexport var layout = '_6q8dk20-3-5-2';\nexport var panelShellContainer = '_6q8dk22-3-5-2 _6q8dk21-3-5-2';\nexport var resizeHandle = '_6q8dk26-3-5-2';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport './SplitLayout.css';\nexport var column = '_6q8dk21-3-6-0';\nexport var contentShellContainer = '_6q8dk23-3-6-0 _6q8dk21-3-6-0';\nexport var handleColumn = '_6q8dk24-3-6-0 _6q8dk21-3-6-0';\nexport var handleDecorations = '_6q8dk25-3-6-0';\nexport var layout = '_6q8dk20-3-6-0';\nexport var panelShellContainer = '_6q8dk22-3-6-0 _6q8dk21-3-6-0';\nexport var resizeHandle = '_6q8dk26-3-6-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,SAAS;AACb,IAAI,wBAAwB;AAC5B,IAAI,eAAe;AACnB,IAAI,oBAAoB;AACxB,IAAI,SAAS;AACb,IAAI,sBAAsB;AAC1B,IAAI,eAAe;",
   "names": []
 }

package/esm/layouts/surface/Surface.css

@@ -1,86 +1,86 @@
-._1qto6jt6-3-5-2 {
-  --_1igzksy0-3-5-2: var(--dt-borders-radius-surface-default, 12px);
+._1qto6jt6-3-6-0 {
+  --_1igzksy0-3-6-0: var(--dt-borders-radius-surface-default, 12px);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   text-align: left;
   border: none;
   outline: none;
   position: relative;
   background-color: var(--dt-colors-background-surface-default, #fff);
-  border-radius: var(--_1igzksy0-3-5-2);
+  border-radius: var(--_1igzksy0-3-6-0);
 }
-._1qto6jt6-3-5-2::before, ._1qto6jt6-3-5-2::after {
+._1qto6jt6-3-6-0::before, ._1qto6jt6-3-6-0::after {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
-  border-radius: var(--_1igzksy0-3-5-2);
+  border-radius: var(--_1igzksy0-3-6-0);
   pointer-events: none;
 }
-._1qto6jt6-3-5-2::after {
+._1qto6jt6-3-6-0::after {
   outline-offset: 2px;
-  outline: 2px solid var(--_17bwkb02-3-5-2);
-  opacity: var(--_1qto6jt4-3-5-2);
-  transition: var(--_1qto6jt5-3-5-2);
+  outline: 2px solid var(--_17bwkb02-3-6-0);
+  opacity: var(--_1qto6jt4-3-6-0);
+  transition: var(--_1qto6jt5-3-6-0);
 }
-._1qto6jt7-3-5-2 {
-  --_1qto6jt4-3-5-2: 1;
-  --_1qto6jt5-3-5-2: var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1)) var(--dt-animations-fade-in-duration-fast, 150ms);
+._1qto6jt7-3-6-0 {
+  --_1qto6jt4-3-6-0: 1;
+  --_1qto6jt5-3-6-0: var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1)) var(--dt-animations-fade-in-duration-fast, 150ms);
 }
-._1qto6jt8-3-5-2 {
-  --_1qto6jt4-3-5-2: 0;
-  --_1qto6jt5-3-5-2: var(--dt-animations-fade-out-easing, cubic-bezier(0, 0, 0.2, 1)) var(--dt-animations-fade-out-duration-fast, 150ms);
+._1qto6jt8-3-6-0 {
+  --_1qto6jt4-3-6-0: 0;
+  --_1qto6jt5-3-6-0: var(--dt-animations-fade-out-easing, cubic-bezier(0, 0, 0.2, 1)) var(--dt-animations-fade-out-duration-fast, 150ms);
 }
-._1qto6jt9-3-5-2 {
-  --_1qto6jt1-3-5-2: 0;
-  --_1qto6jt2-3-5-2: pointer;
-  --_1qto6jt3-3-5-2: var(--dt-box-shadows-surface-flat-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
+._1qto6jt9-3-6-0 {
+  --_1qto6jt1-3-6-0: 0;
+  --_1qto6jt2-3-6-0: pointer;
+  --_1qto6jt3-3-6-0: var(--dt-box-shadows-surface-flat-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
-  border-radius: var(--_1igzksy0-3-5-2);
+  border-radius: var(--_1igzksy0-3-6-0);
   pointer-events: none;
 }
-._1qto6jt9-3-5-2::after,._1qto6jt9-3-5-2::before {
+._1qto6jt9-3-6-0::after,._1qto6jt9-3-6-0::before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
-  border-radius: var(--_1igzksy0-3-5-2);
+  border-radius: var(--_1igzksy0-3-6-0);
   pointer-events: none;
   transition: var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1)) var(--dt-animations-fade-in-duration-fast, 150ms);
 }
-._1qto6jt9-3-5-2::after {
-  box-shadow: var(--_1qto6jt0-3-5-2);
-  opacity: var(--_1qto6jt1-3-5-2);
+._1qto6jt9-3-6-0::after {
+  box-shadow: var(--_1qto6jt0-3-6-0);
+  opacity: var(--_1qto6jt1-3-6-0);
 }
-._1qto6jt9-3-5-2::before {
-  box-shadow: var(--_1qto6jt3-3-5-2);
+._1qto6jt9-3-6-0::before {
+  box-shadow: var(--_1qto6jt3-3-6-0);
   opacity: 0;
 }
-._1qto6jta-3-5-2 {
-  --_1qto6jt0-3-5-2: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
-  --_1qto6jt3-3-5-2: var(--dt-box-shadows-surface-flat-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
+._1qto6jta-3-6-0 {
+  --_1qto6jt0-3-6-0: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
+  --_1qto6jt3-3-6-0: var(--dt-box-shadows-surface-flat-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
   box-shadow: var(--dt-box-shadows-surface-flat-rest, 0px 0px 0px 1px #2d2e4e0d);
 }
-._1qto6jtb-3-5-2 {
-  --_1qto6jt0-3-5-2: var(--dt-box-shadows-surface-raised-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
-  --_1qto6jt3-3-5-2: var(--dt-box-shadows-surface-raised-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
+._1qto6jtb-3-6-0 {
+  --_1qto6jt0-3-6-0: var(--dt-box-shadows-surface-raised-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
+  --_1qto6jt3-3-6-0: var(--dt-box-shadows-surface-raised-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
   box-shadow: var(--dt-box-shadows-surface-raised-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
 }
-._1qto6jtc-3-5-2 {
-  --_1qto6jt0-3-5-2: var(--dt-box-shadows-surface-floating-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
-  --_1qto6jt3-3-5-2: var(--dt-box-shadows-surface-floating-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 6px 14px -2px #2d2e4e3d);
+._1qto6jtc-3-6-0 {
+  --_1qto6jt0-3-6-0: var(--dt-box-shadows-surface-floating-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
+  --_1qto6jt3-3-6-0: var(--dt-box-shadows-surface-floating-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 6px 14px -2px #2d2e4e3d);
   box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
 }
-._1qto6jtd-3-5-2 {
-  --_1qto6jt1-3-5-2: 1;
-  --_1qto6jt2-3-5-2: grab;
+._1qto6jtd-3-6-0 {
+  --_1qto6jt1-3-6-0: 1;
+  --_1qto6jt2-3-6-0: grab;
 }
 button.strato-surface:not(:disabled), a.strato-surface:not(:disabled) {
   cursor: pointer;

package/esm/layouts/surface/Surface.sty.js

@@ -1,8 +1,8 @@
 import "../../styles/colorUtils.css";
 import "./Surface.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var pseudoElement = _7a468({ defaultClassName: "_1qto6jt9-3-5-2", variantClassNames: { elevation: { flat: "_1qto6jta-3-5-2", raised: "_1qto6jtb-3-5-2", floating: "_1qto6jtc-3-5-2" }, dragged: { true: "_1qto6jtd-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var surface = _7a468({ defaultClassName: "_1qto6jt6-3-5-2", variantClassNames: { selected: { true: "_1qto6jt7-3-5-2", false: "_1qto6jt8-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var pseudoElement = _7a468({ defaultClassName: "_1qto6jt9-3-6-0", variantClassNames: { elevation: { flat: "_1qto6jta-3-6-0", raised: "_1qto6jtb-3-6-0", floating: "_1qto6jtc-3-6-0" }, dragged: { true: "_1qto6jtd-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var surface = _7a468({ defaultClassName: "_1qto6jt6-3-6-0", variantClassNames: { selected: { true: "_1qto6jt7-3-6-0", false: "_1qto6jt8-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   pseudoElement,
   surface

package/esm/layouts/surface/Surface.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/surface/Surface.css.ts"],
-  "sourcesContent": ["import '../../styles/colorUtils.css';\nimport './Surface.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var pseudoElement = _7a468({defaultClassName:'_1qto6jt9-3-5-2',variantClassNames:{elevation:{flat:'_1qto6jta-3-5-2',raised:'_1qto6jtb-3-5-2',floating:'_1qto6jtc-3-5-2'},dragged:{true:'_1qto6jtd-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var surface = _7a468({defaultClassName:'_1qto6jt6-3-5-2',variantClassNames:{selected:{true:'_1qto6jt7-3-5-2',false:'_1qto6jt8-3-5-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import '../../styles/colorUtils.css';\nimport './Surface.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var pseudoElement = _7a468({defaultClassName:'_1qto6jt9-3-6-0',variantClassNames:{elevation:{flat:'_1qto6jta-3-6-0',raised:'_1qto6jtb-3-6-0',floating:'_1qto6jtc-3-6-0'},dragged:{true:'_1qto6jtd-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var surface = _7a468({defaultClassName:'_1qto6jt6-3-6-0',variantClassNames:{selected:{true:'_1qto6jt7-3-6-0',false:'_1qto6jt8-3-6-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,WAAU,EAAC,MAAK,mBAAkB,QAAO,mBAAkB,UAAS,kBAAiB,GAAE,SAAQ,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAClP,IAAI,UAAU,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/layouts/surface/variables.sty.js

@@ -1,4 +1,4 @@
-var surfaceBorderRadius = "var(--_1igzksy0-3-5-2)";
+var surfaceBorderRadius = "var(--_1igzksy0-3-6-0)";
 export {
   surfaceBorderRadius
 };

package/esm/layouts/surface/variables.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/surface/variables.css.ts"],
-  "sourcesContent": ["export var surfaceBorderRadius = 'var(--_1igzksy0-3-5-2)';"],
+  "sourcesContent": ["export var surfaceBorderRadius = 'var(--_1igzksy0-3-6-0)';"],
   "mappings": "AAAO,IAAI,sBAAsB;",
   "names": []
 }

package/esm/layouts/title-bar/TitleBar.css

@@ -1,21 +1,21 @@
-._wcwjv20-3-5-2 {
+._wcwjv20-3-6-0 {
   flex-grow: 1;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-4, 4px);
 }
-._wcwjv21-3-5-2 {
+._wcwjv21-3-6-0 {
   width: clamp(400px, 400px, 100%);
 }
-._wcwjv22-3-5-2 {
+._wcwjv22-3-6-0 {
   flex-grow: 1;
   align-self: center;
   min-width: 0;
 }
-._wcwjv23-3-5-2 {
+._wcwjv23-3-6-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._wcwjv24-3-5-2 {
+._wcwjv24-3-6-0 {
   max-width: 100%;
 }

package/esm/layouts/title-bar/TitleBar.sty.js

@@ -1,10 +1,10 @@
 import "../../styles/textStyle.css";
 import "./TitleBar.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var navigationWrapperCSS = "_wcwjv22-3-5-2";
-var subtitleCSS = "_wcwjv23-3-5-2 _da9a8v0-3-5-2 _da9a8v2-3-5-2 _da9a8v3-3-5-2 _da9a8vb-3-5-2";
-var suffixWrapperCSS = "_wcwjv24-3-5-2";
-var titleSubtitleWrapperCSS = _7a468({ defaultClassName: "_wcwjv20-3-5-2", variantClassNames: { childrenAreText: { true: "_wcwjv21-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var navigationWrapperCSS = "_wcwjv22-3-6-0";
+var subtitleCSS = "_wcwjv23-3-6-0 _da9a8v0-3-6-0 _da9a8v2-3-6-0 _da9a8v3-3-6-0 _da9a8vb-3-6-0";
+var suffixWrapperCSS = "_wcwjv24-3-6-0";
+var titleSubtitleWrapperCSS = _7a468({ defaultClassName: "_wcwjv20-3-6-0", variantClassNames: { childrenAreText: { true: "_wcwjv21-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   navigationWrapperCSS,
   subtitleCSS,

package/esm/layouts/title-bar/TitleBar.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/title-bar/TitleBar.css.ts"],
-  "sourcesContent": ["import '../../styles/textStyle.css';\nimport './TitleBar.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var navigationWrapperCSS = '_wcwjv22-3-5-2';\nexport var subtitleCSS = '_wcwjv23-3-5-2 _da9a8v0-3-5-2 _da9a8v2-3-5-2 _da9a8v3-3-5-2 _da9a8vb-3-5-2';\nexport var suffixWrapperCSS = '_wcwjv24-3-5-2';\nexport var titleSubtitleWrapperCSS = _7a468({defaultClassName:'_wcwjv20-3-5-2',variantClassNames:{childrenAreText:{true:'_wcwjv21-3-5-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import '../../styles/textStyle.css';\nimport './TitleBar.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var navigationWrapperCSS = '_wcwjv22-3-6-0';\nexport var subtitleCSS = '_wcwjv23-3-6-0 _da9a8v0-3-6-0 _da9a8v2-3-6-0 _da9a8v3-3-6-0 _da9a8vb-3-6-0';\nexport var suffixWrapperCSS = '_wcwjv24-3-6-0';\nexport var titleSubtitleWrapperCSS = _7a468({defaultClassName:'_wcwjv20-3-6-0',variantClassNames:{childrenAreText:{true:'_wcwjv21-3-6-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB;AAC3B,IAAI,cAAc;AAClB,IAAI,mBAAmB;AACvB,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,iBAAgB,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/navigation/breadcrumbs/Breadcrumbs.css

@@ -1,27 +1,27 @@
-._hw98ku0-3-5-2 {
+._hw98ku0-3-6-0 {
   display: flex;
   min-width: 0;
   margin: 0;
   padding: 0;
 }
-._hw98ku1-3-5-2 {
+._hw98ku1-3-6-0 {
   display: flex;
   gap: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-2, 2px);
   white-space: nowrap;
 }
-._hw98ku2-3-5-2 {
+._hw98ku2-3-6-0 {
   overflow: hidden;
 }
-._hw98ku3-3-5-2 {
+._hw98ku3-3-6-0 {
   overflow: visible;
 }
-._hw98ku4-3-5-2 {
+._hw98ku4-3-6-0 {
   position: absolute;
   visibility: hidden;
   z-index: -1;
 }
-._hw98ku5-3-5-2 {
+._hw98ku5-3-6-0 {
   cursor: pointer;
   padding: 0;
   background: none;
@@ -32,18 +32,18 @@
   line-height: var(--dt-typography-text-base-emphasized-line-height, 1.4285714286);
   text-decoration: underline;
 }
-._hw98ku6-3-5-2 {
+._hw98ku6-3-6-0 {
   cursor: default;
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   text-decoration: none;
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   pointer-events: none;
 }
-._hw98ku7-3-5-2 {
+._hw98ku7-3-6-0 {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._hw98ku8-3-5-2 {
+._hw98ku8-3-6-0 {
   min-width: var(--dt-spacings-size-20, 20px);
   min-height: var(--dt-spacings-size-20, 20px);
   color: var(--dt-colors-icon-neutral-subdued, #595a7d);

package/esm/navigation/breadcrumbs/Breadcrumbs.sty.js

@@ -1,10 +1,10 @@
 import "./Breadcrumbs.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var breadcrumbsContainerCSS = "_hw98ku0-3-5-2";
-var breadcrumbsItemCSS = _7a468({ defaultClassName: "_hw98ku5-3-5-2", variantClassNames: { disabled: { true: "_hw98ku6-3-5-2" }, isLastItem: { true: "_hw98ku7-3-5-2" } }, defaultVariants: { disabled: false, isLastItem: false }, compoundVariants: [] });
-var breadcrumbsItemInvisibleCSS = "_hw98ku4-3-5-2";
-var breadcrumbsListItemCSS = _7a468({ defaultClassName: "_hw98ku1-3-5-2", variantClassNames: { isLastVisible: { true: "_hw98ku2-3-5-2", false: "_hw98ku3-3-5-2" } }, defaultVariants: { isLastVisible: false }, compoundVariants: [] });
-var breadcrumbsSeperatorIconCSS = "_hw98ku8-3-5-2";
+var breadcrumbsContainerCSS = "_hw98ku0-3-6-0";
+var breadcrumbsItemCSS = _7a468({ defaultClassName: "_hw98ku5-3-6-0", variantClassNames: { disabled: { true: "_hw98ku6-3-6-0" }, isLastItem: { true: "_hw98ku7-3-6-0" } }, defaultVariants: { disabled: false, isLastItem: false }, compoundVariants: [] });
+var breadcrumbsItemInvisibleCSS = "_hw98ku4-3-6-0";
+var breadcrumbsListItemCSS = _7a468({ defaultClassName: "_hw98ku1-3-6-0", variantClassNames: { isLastVisible: { true: "_hw98ku2-3-6-0", false: "_hw98ku3-3-6-0" } }, defaultVariants: { isLastVisible: false }, compoundVariants: [] });
+var breadcrumbsSeperatorIconCSS = "_hw98ku8-3-6-0";
 export {
   breadcrumbsContainerCSS,
   breadcrumbsItemCSS,

package/esm/navigation/breadcrumbs/Breadcrumbs.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/breadcrumbs/Breadcrumbs.css.ts"],
-  "sourcesContent": ["import './Breadcrumbs.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var breadcrumbsContainerCSS = '_hw98ku0-3-5-2';\nexport var breadcrumbsItemCSS = _7a468({defaultClassName:'_hw98ku5-3-5-2',variantClassNames:{disabled:{true:'_hw98ku6-3-5-2'},isLastItem:{true:'_hw98ku7-3-5-2'}},defaultVariants:{disabled:false,isLastItem:false},compoundVariants:[]});\nexport var breadcrumbsItemInvisibleCSS = '_hw98ku4-3-5-2';\nexport var breadcrumbsListItemCSS = _7a468({defaultClassName:'_hw98ku1-3-5-2',variantClassNames:{isLastVisible:{true:'_hw98ku2-3-5-2',false:'_hw98ku3-3-5-2'}},defaultVariants:{isLastVisible:false},compoundVariants:[]});\nexport var breadcrumbsSeperatorIconCSS = '_hw98ku8-3-5-2';"],
+  "sourcesContent": ["import './Breadcrumbs.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var breadcrumbsContainerCSS = '_hw98ku0-3-6-0';\nexport var breadcrumbsItemCSS = _7a468({defaultClassName:'_hw98ku5-3-6-0',variantClassNames:{disabled:{true:'_hw98ku6-3-6-0'},isLastItem:{true:'_hw98ku7-3-6-0'}},defaultVariants:{disabled:false,isLastItem:false},compoundVariants:[]});\nexport var breadcrumbsItemInvisibleCSS = '_hw98ku4-3-6-0';\nexport var breadcrumbsListItemCSS = _7a468({defaultClassName:'_hw98ku1-3-6-0',variantClassNames:{isLastVisible:{true:'_hw98ku2-3-6-0',false:'_hw98ku3-3-6-0'}},defaultVariants:{isLastVisible:false},compoundVariants:[]});\nexport var breadcrumbsSeperatorIconCSS = '_hw98ku8-3-6-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,0BAA0B;AAC9B,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,MAAK,iBAAgB,GAAE,YAAW,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,UAAS,OAAM,YAAW,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjO,IAAI,8BAA8B;AAClC,IAAI,yBAAyB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,eAAc,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,eAAc,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAClN,IAAI,8BAA8B;",
   "names": []
 }

package/esm/navigation/menu/Content.js

@@ -61,8 +61,6 @@ const Content = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
       style: { zIndex: style.zIndex },
       onKeyDown: handleOnKeyDown,
       collisionBoundary,
-      onPointerDownCapture: (e) => e.stopPropagation(),
-      onPointerUpCapture: (e) => e.stopPropagation(),
       "data-dtrum-mask": dataDtrumMask,
       "data-dtrum-allow": dataDtrumAllow,
       children

package/esm/navigation/menu/Content.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/menu/Content.tsx"],
-  "sourcesContent": ["import {\n  Content as RadixContent,\n  Portal as RadixPortal,\n} from '@radix-ui/react-dropdown-menu';\nimport {\n  forwardRef,\n  useCallback,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n} from 'react';\n\nimport { useMenuContext } from './hooks/useMenuContext.js';\nimport * as styles from './Menu.sty.js';\nimport { useOverlayStacking } from '../../core/hooks/useOverlayStacking.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { MaskingProps } from '../../core/types/masking-props.js';\nimport { WithChildren } from '../../core/types/with-children.js';\n\n/**\n * @public\n */\nexport interface MenuContentProps\n  extends WithChildren, MaskingProps, DataTestId {\n  /**\n   * The preferred side where the menu content should be rendered relative to the\n   * trigger element. This value may be ignored if collisions occur.\n   * This prop is ignored within submenus.\n   *\n   * @defaultValue 'bottom'\n   */\n  side?: 'bottom' | 'top' | 'right' | 'left';\n  /**\n   * The horizontal position where the menu content should be rendered relative\n   * to the trigger element. This value may be ignored if collisions occur\n   * or when `side` is set to `'right'` or `'left'`.\n   * This prop is ignored within submenus.\n   *\n   * @defaultValue 'start'\n   */\n  alignment?: 'start' | 'center' | 'end';\n  /**\n   * Event handler called when focus moves to the trigger after closing.\n   * It can be prevented by calling event.preventDefault.\n   */\n  onCloseAutoFocus?: (event: Event) => void;\n  /**\n   * When true, overrides the side and align preferences to prevent collisions\n   * with boundary edges.\n   *\n   * @defaultValue true\n   */\n  avoidCollisions?: boolean;\n  /**\n   * Additional elements can be provided to be included in the boundary check for menu.\n   * By default this is the viewport.\n   */\n  collisionBoundary?: Element | null | Array<Element | null>;\n}\n\nconst SIDE_OFFSET = 4;\ntype InternalMenuContentProps = MenuContentProps & {\n  /** @internal */\n  _onTabKeyPressed: () => void;\n  /** @internal */\n  _sideOffset?: number;\n};\n\n/**\n * The component that pops out when the dropdown menu is open.\n * @public\n */\nexport const Content = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  MenuContentProps\n>((props, forwardedRef) => {\n  const {\n    side = 'bottom',\n    alignment = 'start',\n    onCloseAutoFocus,\n    avoidCollisions = true,\n    _sideOffset = SIDE_OFFSET,\n    _onTabKeyPressed,\n    children,\n    collisionBoundary,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props as InternalMenuContentProps;\n  const tabKeyHandler = useCallback(\n    (e: ReactKeyboardEvent) => {\n      if (_onTabKeyPressed && e.key === 'Tab') {\n        _onTabKeyPressed();\n      }\n    },\n    [_onTabKeyPressed],\n  );\n  const { style } = useOverlayStacking(undefined, 'overlay');\n  const { setIsOpen } = useMenuContext();\n\n  const handleOnKeyDown = useCallback(\n    (e: ReactKeyboardEvent) => {\n      // Only close menu on escape when it is nested in other overlays (modal, sheet, ...).\n      if (e.key === 'Escape') {\n        setIsOpen(false);\n        e.stopPropagation();\n      }\n    },\n    [setIsOpen],\n  );\n\n  return (\n    <RadixPortal>\n      <RadixContent\n        {...remainingProps}\n        data-testid={dataTestId}\n        ref={forwardedRef}\n        side={side}\n        align={alignment}\n        onKeyUp={tabKeyHandler}\n        onCloseAutoFocus={onCloseAutoFocus}\n        sideOffset={_sideOffset}\n        avoidCollisions={avoidCollisions}\n        className={styles.content}\n        style={{ zIndex: style.zIndex }}\n        onKeyDown={handleOnKeyDown}\n        collisionBoundary={collisionBoundary}\n        // stop event propagation so that selecting a menu item does not close dismissible overlays if the menu is placed inside one\n        onPointerDownCapture={(e: ReactMouseEvent) => e.stopPropagation()}\n        onPointerUpCapture={(e: ReactMouseEvent) => e.stopPropagation()}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n      >\n        {children}\n      </RadixContent>\n    </RadixPortal>\n  );\n});\n\n(Content as typeof Content & { displayName: string }).displayName =\n  'Menu.Content';\n"],
-  "mappings": "AAiHM;AAjHN;AAAA,EACE,WAAW;AAAA,EACX,UAAU;AAAA,OACL;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAEP,SAAS,sBAAsB;AAC/B,YAAY,YAAY;AACxB,SAAS,0BAA0B;AA8CnC,MAAM,cAAc;AAYb,MAAM,UAA0B,2BAGrC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA,kBAAkB;AAAA,IAClB,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAA0B;AACzB,UAAI,oBAAoB,EAAE,QAAQ,OAAO;AACvC,yBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AACA,QAAM,EAAE,MAAM,IAAI,mBAAmB,QAAW,SAAS;AACzD,QAAM,EAAE,UAAU,IAAI,eAAe;AAErC,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA0B;AAEzB,UAAI,EAAE,QAAQ,UAAU;AACtB,kBAAU,KAAK;AACf,UAAE,gBAAgB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,SACE,oBAAC,eACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAa;AAAA,MACb,KAAK;AAAA,MACL;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,MACT;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,WAAW,OAAO;AAAA,MAClB,OAAO,EAAE,QAAQ,MAAM,OAAO;AAAA,MAC9B,WAAW;AAAA,MACX;AAAA,MAEA,sBAAsB,CAAC,MAAuB,EAAE,gBAAgB;AAAA,MAChE,oBAAoB,CAAC,MAAuB,EAAE,gBAAgB;AAAA,MAC9D,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAEjB;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAEA,QAAqD,cACpD;",
+  "sourcesContent": ["import {\n  Content as RadixContent,\n  Portal as RadixPortal,\n} from '@radix-ui/react-dropdown-menu';\nimport {\n  forwardRef,\n  useCallback,\n  type KeyboardEvent as ReactKeyboardEvent,\n} from 'react';\n\nimport { useMenuContext } from './hooks/useMenuContext.js';\nimport * as styles from './Menu.sty.js';\nimport { useOverlayStacking } from '../../core/hooks/useOverlayStacking.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { MaskingProps } from '../../core/types/masking-props.js';\nimport { WithChildren } from '../../core/types/with-children.js';\n\n/**\n * @public\n */\nexport interface MenuContentProps\n  extends WithChildren,\n    MaskingProps,\n    DataTestId {\n  /**\n   * The preferred side where the menu content should be rendered relative to the\n   * trigger element. This value may be ignored if collisions occur.\n   * This prop is ignored within submenus.\n   *\n   * @defaultValue 'bottom'\n   */\n  side?: 'bottom' | 'top' | 'right' | 'left';\n  /**\n   * The horizontal position where the menu content should be rendered relative\n   * to the trigger element. This value may be ignored if collisions occur\n   * or when `side` is set to `'right'` or `'left'`.\n   * This prop is ignored within submenus.\n   *\n   * @defaultValue 'start'\n   */\n  alignment?: 'start' | 'center' | 'end';\n  /**\n   * Event handler called when focus moves to the trigger after closing.\n   * It can be prevented by calling event.preventDefault.\n   */\n  onCloseAutoFocus?: (event: Event) => void;\n  /**\n   * When true, overrides the side and align preferences to prevent collisions\n   * with boundary edges.\n   *\n   * @defaultValue true\n   */\n  avoidCollisions?: boolean;\n  /**\n   * Additional elements can be provided to be included in the boundary check for menu.\n   * By default this is the viewport.\n   */\n  collisionBoundary?: Element | null | Array<Element | null>;\n}\n\nconst SIDE_OFFSET = 4;\ntype InternalMenuContentProps = MenuContentProps & {\n  /** @internal */\n  _onTabKeyPressed: () => void;\n  /** @internal */\n  _sideOffset?: number;\n};\n\n/**\n * The component that pops out when the dropdown menu is open.\n * @public\n */\nexport const Content = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  MenuContentProps\n>((props, forwardedRef) => {\n  const {\n    side = 'bottom',\n    alignment = 'start',\n    onCloseAutoFocus,\n    avoidCollisions = true,\n    _sideOffset = SIDE_OFFSET,\n    _onTabKeyPressed,\n    children,\n    collisionBoundary,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props as InternalMenuContentProps;\n  const tabKeyHandler = useCallback(\n    (e: ReactKeyboardEvent) => {\n      if (_onTabKeyPressed && e.key === 'Tab') {\n        _onTabKeyPressed();\n      }\n    },\n    [_onTabKeyPressed],\n  );\n  const { style } = useOverlayStacking(undefined, 'overlay');\n  const { setIsOpen } = useMenuContext();\n\n  const handleOnKeyDown = useCallback(\n    (e: ReactKeyboardEvent) => {\n      // Only close menu on escape when it is nested in other overlays (modal, sheet, ...).\n      if (e.key === 'Escape') {\n        setIsOpen(false);\n        e.stopPropagation();\n      }\n    },\n    [setIsOpen],\n  );\n\n  return (\n    <RadixPortal>\n      <RadixContent\n        {...remainingProps}\n        data-testid={dataTestId}\n        ref={forwardedRef}\n        side={side}\n        align={alignment}\n        onKeyUp={tabKeyHandler}\n        onCloseAutoFocus={onCloseAutoFocus}\n        sideOffset={_sideOffset}\n        avoidCollisions={avoidCollisions}\n        className={styles.content}\n        style={{ zIndex: style.zIndex }}\n        onKeyDown={handleOnKeyDown}\n        collisionBoundary={collisionBoundary}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n      >\n        {children}\n      </RadixContent>\n    </RadixPortal>\n  );\n});\n\n(Content as typeof Content & { displayName: string }).displayName =\n  'Menu.Content';\n"],
+  "mappings": "AAkHM;AAlHN;AAAA,EACE,WAAW;AAAA,EACX,UAAU;AAAA,OACL;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,sBAAsB;AAC/B,YAAY,YAAY;AACxB,SAAS,0BAA0B;AAgDnC,MAAM,cAAc;AAYb,MAAM,UAA0B,2BAGrC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA,kBAAkB;AAAA,IAClB,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAA0B;AACzB,UAAI,oBAAoB,EAAE,QAAQ,OAAO;AACvC,yBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AACA,QAAM,EAAE,MAAM,IAAI,mBAAmB,QAAW,SAAS;AACzD,QAAM,EAAE,UAAU,IAAI,eAAe;AAErC,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA0B;AAEzB,UAAI,EAAE,QAAQ,UAAU;AACtB,kBAAU,KAAK;AACf,UAAE,gBAAgB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,SACE,oBAAC,eACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAa;AAAA,MACb,KAAK;AAAA,MACL;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,MACT;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,WAAW,OAAO;AAAA,MAClB,OAAO,EAAE,QAAQ,MAAM,OAAO;AAAA,MAC9B,WAAW;AAAA,MACX;AAAA,MACA,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAEjB;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAEA,QAAqD,cACpD;",
   "names": []
 }

package/esm/navigation/menu/ItemTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/menu/ItemTooltip.tsx"],
-  "sourcesContent": ["import { forwardRef, useState } from 'react';\nimport { usePopper } from 'react-popper';\n\nimport * as menuStyles from './Menu.sty.js';\nimport { ALIGN_OFFSET } from './SubContent.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { WithChildren } from '../../core/types/with-children.js';\n\n\n/**\n * @public\n */\nexport type MenuItemTooltipProps = WithChildren & DataTestId;\n\n/** @internal */\nexport const MenuItemTooltipWrapper = ({\n  triggerElement,\n  children,\n  onMouseEnter,\n  onMouseLeave,\n}: {\n  triggerElement: HTMLElement | null;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n} & WithChildren) => {\n  const [menuTooltipRefRef, setMenuTooltipRefRef] =\n    useState<HTMLDivElement | null>(null);\n\n  const { styles, attributes } = usePopper(triggerElement, menuTooltipRefRef, {\n    placement: 'right-start',\n    modifiers: [\n      {\n        name: 'offset',\n        options: {\n          offset: [ALIGN_OFFSET, 0],\n        },\n      },\n      {\n        name: 'flip',\n        options: {\n          fallbackPlacements: ['left-start'],\n        },\n      },\n    ],\n  });\n\n  return (\n    <div\n      ref={setMenuTooltipRefRef}\n      style={styles.popper}\n      className={menuStyles.tooltipWrapper}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      {...attributes.popper}\n    >\n      {children}\n    </div>\n  );\n};\nMenuItemTooltipWrapper.displayName = 'MenuItemTooltipWrapper';\n\n/**\n * A tooltip which can be used as a child of an Item. Its content will appear\n * in an overlay when the Item is focused.\n * @public\n */\nexport const ItemTooltip = forwardRef<HTMLDivElement, MenuItemTooltipProps>(\n  ({ children, 'data-testid': dataTestId }, forwardedRef) =>\n    children ? (\n      <div\n        className={menuStyles.tooltip}\n        ref={forwardedRef}\n        data-testid={dataTestId}\n      >\n        {children}\n      </div>\n    ) : null,\n);\n\n(ItemTooltip as typeof ItemTooltip & { displayName: string }).displayName =\n  'Menu.ItemTooltip';\n"],
-  "mappings": "AA+CI;AA/CJ,SAAS,YAAY,gBAAgB;AACrC,SAAS,iBAAiB;AAE1B,YAAY,gBAAgB;AAC5B,SAAS,oBAAoB;AAWtB,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAIqB;AACnB,QAAM,CAAC,mBAAmB,oBAAoB,IAC5C,SAAgC,IAAI;AAEtC,QAAM,EAAE,QAAQ,WAAW,IAAI,UAAU,gBAAgB,mBAAmB;AAAA,IAC1E,WAAW;AAAA,IACX,WAAW;AAAA,MACT;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,UACP,QAAQ,CAAC,cAAc,CAAC;AAAA,QAC1B;AAAA,MACF;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,UACP,oBAAoB,CAAC,YAAY;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,OAAO,OAAO;AAAA,MACd,WAAW,WAAW;AAAA,MACtB;AAAA,MACA;AAAA,MACC,GAAG,WAAW;AAAA,MAEd;AAAA;AAAA,EACH;AAEJ;AACA,uBAAuB,cAAc;AAO9B,MAAM,cAAc;AAAA,EACzB,CAAC,EAAE,UAAU,eAAe,WAAW,GAAG,iBACxC,WACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW;AAAA,MACtB,KAAK;AAAA,MACL,eAAa;AAAA,MAEZ;AAAA;AAAA,EACH,IACE;AACR;AAEC,YAA6D,cAC5D;",
+  "sourcesContent": ["import { forwardRef, useState } from 'react';\nimport { usePopper } from 'react-popper';\n\nimport * as menuStyles from './Menu.sty.js';\nimport { ALIGN_OFFSET } from './SubContent.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { WithChildren } from '../../core/types/with-children.js';\n\n/**\n * @public\n */\nexport type MenuItemTooltipProps = WithChildren & DataTestId;\n\n/** @internal */\nexport const MenuItemTooltipWrapper = ({\n  triggerElement,\n  children,\n  onMouseEnter,\n  onMouseLeave,\n}: {\n  triggerElement: HTMLElement | null;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n} & WithChildren) => {\n  const [menuTooltipRefRef, setMenuTooltipRefRef] =\n    useState<HTMLDivElement | null>(null);\n\n  const { styles, attributes } = usePopper(triggerElement, menuTooltipRefRef, {\n    placement: 'right-start',\n    modifiers: [\n      {\n        name: 'offset',\n        options: {\n          offset: [ALIGN_OFFSET, 0],\n        },\n      },\n      {\n        name: 'flip',\n        options: {\n          fallbackPlacements: ['left-start'],\n        },\n      },\n    ],\n  });\n\n  return (\n    <div\n      ref={setMenuTooltipRefRef}\n      style={styles.popper}\n      className={menuStyles.tooltipWrapper}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      {...attributes.popper}\n    >\n      {children}\n    </div>\n  );\n};\nMenuItemTooltipWrapper.displayName = 'MenuItemTooltipWrapper';\n\n/**\n * A tooltip which can be used as a child of an Item. Its content will appear\n * in an overlay when the Item is focused.\n * @public\n */\nexport const ItemTooltip = forwardRef<HTMLDivElement, MenuItemTooltipProps>(\n  ({ children, 'data-testid': dataTestId }, forwardedRef) =>\n    children ? (\n      <div\n        className={menuStyles.tooltip}\n        ref={forwardedRef}\n        data-testid={dataTestId}\n      >\n        {children}\n      </div>\n    ) : null,\n);\n\n(ItemTooltip as typeof ItemTooltip & { displayName: string }).displayName =\n  'Menu.ItemTooltip';\n"],
+  "mappings": "AA8CI;AA9CJ,SAAS,YAAY,gBAAgB;AACrC,SAAS,iBAAiB;AAE1B,YAAY,gBAAgB;AAC5B,SAAS,oBAAoB;AAUtB,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAIqB;AACnB,QAAM,CAAC,mBAAmB,oBAAoB,IAC5C,SAAgC,IAAI;AAEtC,QAAM,EAAE,QAAQ,WAAW,IAAI,UAAU,gBAAgB,mBAAmB;AAAA,IAC1E,WAAW;AAAA,IACX,WAAW;AAAA,MACT;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,UACP,QAAQ,CAAC,cAAc,CAAC;AAAA,QAC1B;AAAA,MACF;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,UACP,oBAAoB,CAAC,YAAY;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,OAAO,OAAO;AAAA,MACd,WAAW,WAAW;AAAA,MACtB;AAAA,MACA;AAAA,MACC,GAAG,WAAW;AAAA,MAEd;AAAA;AAAA,EACH;AAEJ;AACA,uBAAuB,cAAc;AAO9B,MAAM,cAAc;AAAA,EACzB,CAAC,EAAE,UAAU,eAAe,WAAW,GAAG,iBACxC,WACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW;AAAA,MACtB,KAAK;AAAA,MACL,eAAa;AAAA,MAEZ;AAAA;AAAA,EACH,IACE;AACR;AAEC,YAA6D,cAC5D;",
   "names": []
 }

package/esm/navigation/menu/Menu.css

@@ -1,11 +1,11 @@
-._1m01arl1-3-5-2 {
+._1m01arl1-3-6-0 {
   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);
   padding: var(--dt-spacings-size-8, 8px);
   max-width: 500px;
 }
-._1m01arl2-3-5-2 {
+._1m01arl2-3-6-0 {
   box-sizing: border-box;
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -18,13 +18,13 @@
   padding-right: var(--dt-spacings-size-12, 12px);
   text-align: left;
 }
-._1m01arl0-3-5-2 ._1m01arl2-3-5-2 {
+._1m01arl0-3-6-0 ._1m01arl2-3-6-0 {
   padding-top: var(--dt-spacings-size-4, 4px);
   padding-left: var(--dt-spacings-size-0, 0);
   padding-right: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-8, 8px);
 }
-._1m01arl3-3-5-2 {
+._1m01arl3-3-6-0 {
   background: var(--dt-colors-background-surface-default, #fff);
   padding: var(--dt-spacings-size-4, 4px);
   border-radius: var(--dt-borders-radius-surface-subdued, 9px);
@@ -34,13 +34,13 @@
   overflow-y: auto;
   max-width: 100dvw;
 }
-._1m01arl3-3-5-2 ._1m01arl4-3-5-2:not(:last-child) {
+._1m01arl3-3-6-0 ._1m01arl4-3-6-0:not(:last-child) {
   width: 100%;
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
   padding-bottom: var(--dt-spacings-size-4, 4px);
   margin-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1m01arl5-3-5-2 {
+._1m01arl5-3-6-0 {
   display: flex;
   gap: var(--dt-spacings-size-8, 8px);
   background-color: transparent;
@@ -56,35 +56,35 @@
   border-width: 0;
   border-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._1m01arl6-3-5-2 {
+._1m01arl6-3-6-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   cursor: not-allowed;
   outline: none;
 }
-._1m01arl7-3-5-2:hover, ._1m01arl7-3-5-2[data-state="open"] {
+._1m01arl7-3-6-0:hover, ._1m01arl7-3-6-0[data-state="open"] {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1m01arl7-3-5-2:focus {
+._1m01arl7-3-6-0:focus {
   outline: none;
 }
-._1m01arl7-3-5-2:active {
+._1m01arl7-3-6-0:active {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   background-color: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
 }
-._1m01arl8-3-5-2 {
+._1m01arl8-3-6-0 {
   width: 100%;
 }
-._1m01arl5-3-5-2 > ._1m01arl8-3-5-2:first-child {
+._1m01arl5-3-6-0 > ._1m01arl8-3-6-0:first-child {
   padding-left: var(--dt-spacings-size-4, 4px);
 }
-._1m01arl5-3-5-2 > ._1m01arl8-3-5-2:last-child:not(:has(svg:last-child)) {
+._1m01arl5-3-6-0 > ._1m01arl8-3-6-0:last-child:not(:has(svg:last-child)) {
   padding-right: var(--dt-spacings-size-4, 4px);
 }
-._1m01arl9-3-5-2 {
+._1m01arl9-3-6-0 {
   flex: 1 1 auto;
   overflow: hidden;
 }
-._1m01arl9-3-5-2:first-child {
+._1m01arl9-3-6-0:first-child {
   padding-left: var(--dt-spacings-size-4, 4px);
 }