@dynatrace/strato-components 3.13.2 → 3.13.3

package/esm/layouts/app-header/Navigation.sty.js

@@ -1,9 +1,9 @@
 import "./Navigation.css";
-var button = "_swz1ff2-3-13-2";
-var inlineNav = "_swz1ff4-3-13-2";
-var isDisabled = "_swz1ff1-3-13-2";
-var isSelected = "_swz1ff0-3-13-2";
-var menuLink = "_swz1ff3-3-13-2";
+var button = "_swz1ff2-3-13-3";
+var inlineNav = "_swz1ff4-3-13-3";
+var isDisabled = "_swz1ff1-3-13-3";
+var isSelected = "_swz1ff0-3-13-3";
+var menuLink = "_swz1ff3-3-13-3";
 export {
   button,
   inlineNav,

package/esm/layouts/app-header/Navigation.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/app-header/Navigation.css.ts"],
-  "sourcesContent": ["import './Navigation.css';\nexport var button = '_swz1ff2-3-13-2';\nexport var inlineNav = '_swz1ff4-3-13-2';\nexport var isDisabled = '_swz1ff1-3-13-2';\nexport var isSelected = '_swz1ff0-3-13-2';\nexport var menuLink = '_swz1ff3-3-13-2';"],
+  "sourcesContent": ["import './Navigation.css';\nexport var button = '_swz1ff2-3-13-3';\nexport var inlineNav = '_swz1ff4-3-13-3';\nexport var isDisabled = '_swz1ff1-3-13-3';\nexport var isSelected = '_swz1ff0-3-13-3';\nexport var menuLink = '_swz1ff3-3-13-3';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,SAAS;AACb,IAAI,YAAY;AAChB,IAAI,aAAa;AACjB,IAAI,aAAa;AACjB,IAAI,WAAW;",
   "names": []
 }

package/esm/layouts/app-header/action-group/ActionButton.css

@@ -1,4 +1,4 @@
-._otmjah0-3-13-2 {
+._otmjah0-3-13-3 {
   position: relative;
   display: flex;
   border-radius: var(--dt-borders-radius-field-default, 6px);
@@ -11,17 +11,17 @@
   cursor: pointer;
   max-width: unset;
 }
-._otmjah0-3-13-2:hover {
+._otmjah0-3-13-3:hover {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
   text-decoration: none;
 }
-._otmjah0-3-13-2:active {
+._otmjah0-3-13-3:active {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   background-color: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
   text-decoration: none;
 }
-._otmjah0-3-13-2:after {
+._otmjah0-3-13-3:after {
   content: " ";
   width: 16px;
   height: 2px;
@@ -34,50 +34,50 @@
   transform: translateX(-50%) translateY(var(--dt-spacings-size-0, 0));
   transition: width var(--dt-animations-slide-out-duration-fast, 150ms) var(--dt-animations-slide-out-easing, cubic-bezier(0.8, 0, 0.5, 1)), opacity var(--dt-animations-slide-out-duration-fast, 150ms) var(--dt-animations-slide-out-easing, cubic-bezier(0.8, 0, 0.5, 1)), transform var(--dt-animations-slide-out-duration-fast, 150ms) var(--dt-animations-slide-out-easing, cubic-bezier(0.8, 0, 0.5, 1));
 }
-._otmjah1-3-13-2._otmjah1-3-13-2 {
+._otmjah1-3-13-3._otmjah1-3-13-3 {
   gap: var(--dt-spacings-size-8, 8px);
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-6, 6px);
   padding-left: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-8, 8px);
 }
-._otmjah2-3-13-2._otmjah2-3-13-2 {
+._otmjah2-3-13-3._otmjah2-3-13-3 {
   gap: var(--dt-spacings-size-6, 6px);
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-4, 4px);
   padding-right: var(--dt-spacings-size-4, 4px);
 }
-._otmjah3-3-13-2 {
+._otmjah3-3-13-3 {
   cursor: default;
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._otmjah3-3-13-2:hover {
+._otmjah3-3-13-3:hover {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   background-color: inherit;
   text-decoration: none;
 }
-._otmjah4-3-13-2.active {
+._otmjah4-3-13-3.active {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._otmjah4-3-13-2._otmjah3-3-13-2.active {
+._otmjah4-3-13-3._otmjah3-3-13-3.active {
   color: var(--dt-colors-text-primary-disabled, #595a7d80);
 }
-._otmjah4-3-13-2:not(._otmjah3-3-13-2).active:hover {
+._otmjah4-3-13-3:not(._otmjah3-3-13-3).active:hover {
   color: var(--dt-colors-text-primary-default, #464cce);
   background-color: var(--dt-colors-background-field-primary-default-hover, #d5dbf6);
   text-decoration: none;
 }
-._otmjah4-3-13-2:not([role="menuitem"]).active:active {
+._otmjah4-3-13-3:not([role="menuitem"]).active:active {
   color: var(--dt-colors-text-primary-default, #464cce);
   background-color: var(--dt-colors-background-field-primary-default-active, #c9d1f4);
   text-decoration: none;
 }
-._otmjah4-3-13-2._otmjah3-3-13-2._otmjah4-3-13-2:not([role="menuitem"]).active:active {
+._otmjah4-3-13-3._otmjah3-3-13-3._otmjah4-3-13-3:not([role="menuitem"]).active:active {
   color: var(--dt-colors-text-primary-disabled, #595a7d80);
   background-color: inherit;
 }
-._otmjah4-3-13-2.active::after {
+._otmjah4-3-13-3.active::after {
   content: " ";
   width: 20px;
   height: 2px;
@@ -90,10 +90,10 @@
   transform: translateX(-50%) translateY(calc(var(--dt-spacings-size-2, 2px) * -1));
   transition: width var(--dt-animations-slide-in-duration-fast, 200ms) var(--dt-animations-slide-in-easing, cubic-bezier(0, 0, 0.2, 1)), opacity var(--dt-animations-slide-in-duration-fast, 200ms) var(--dt-animations-slide-in-easing, cubic-bezier(0, 0, 0.2, 1)), transform var(--dt-animations-slide-in-duration-fast, 200ms) var(--dt-animations-slide-in-easing, cubic-bezier(0, 0, 0.2, 1));
 }
-._otmjah4-3-13-2._otmjah3-3-13-2.active::after {
+._otmjah4-3-13-3._otmjah3-3-13-3.active::after {
   background-color: var(--dt-colors-icon-primary-disabled, #595a7d80);
 }
-._otmjah4-3-13-2[role="menuitem"].active::after {
+._otmjah4-3-13-3[role="menuitem"].active::after {
   display: block;
   height: calc(100% - 2 * var(--dt-spacings-size-6, 6px));
   width: var(--dt-spacings-size-2, 2px);
@@ -102,7 +102,7 @@
   transform: translate(4px);
   bottom: unset;
 }
-._otmjah4-3-13-2 a {
+._otmjah4-3-13-3 a {
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);

package/esm/layouts/app-header/action-group/ActionButton.sty.js

@@ -1,8 +1,8 @@
 import "./ActionButton.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var disabled = "_otmjah3-3-13-2";
-var navItem = _7a468({ defaultClassName: "_otmjah0-3-13-2", variantClassNames: { density: { "default": "_otmjah1-3-13-2", condensed: "_otmjah2-3-13-2" } }, defaultVariants: {}, compoundVariants: [] });
-var navItemSelectionStyle = "_otmjah4-3-13-2";
+var disabled = "_otmjah3-3-13-3";
+var navItem = _7a468({ defaultClassName: "_otmjah0-3-13-3", variantClassNames: { density: { "default": "_otmjah1-3-13-3", condensed: "_otmjah2-3-13-3" } }, defaultVariants: {}, compoundVariants: [] });
+var navItemSelectionStyle = "_otmjah4-3-13-3";
 export {
   disabled,
   navItem,

package/esm/layouts/app-header/action-group/ActionButton.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/app-header/action-group/ActionButton.css.ts"],
-  "sourcesContent": ["import './ActionButton.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var disabled = '_otmjah3-3-13-2';\nexport var navItem = _7a468({defaultClassName:'_otmjah0-3-13-2',variantClassNames:{density:{'default':'_otmjah1-3-13-2',condensed:'_otmjah2-3-13-2'}},defaultVariants:{},compoundVariants:[]});\nexport var navItemSelectionStyle = '_otmjah4-3-13-2';"],
+  "sourcesContent": ["import './ActionButton.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var disabled = '_otmjah3-3-13-3';\nexport var navItem = _7a468({defaultClassName:'_otmjah0-3-13-3',variantClassNames:{density:{'default':'_otmjah1-3-13-3',condensed:'_otmjah2-3-13-3'}},defaultVariants:{},compoundVariants:[]});\nexport var navItemSelectionStyle = '_otmjah4-3-13-3';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,WAAW;AACf,IAAI,UAAU,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACtL,IAAI,wBAAwB;",
   "names": []
 }

package/esm/layouts/app-header/action-group/ActionGroup.css

@@ -1,4 +1,4 @@
-._1d2ks7u0-3-13-2 {
+._1d2ks7u0-3-13-3 {
   position: absolute;
   visibility: hidden;
   z-index: -1;

package/esm/layouts/app-header/action-group/ActionGroup.sty.js

@@ -1,5 +1,5 @@
 import "./ActionGroup.css";
-var actionGroupHiddenItemCSS = "_1d2ks7u0-3-13-2";
+var actionGroupHiddenItemCSS = "_1d2ks7u0-3-13-3";
 export {
   actionGroupHiddenItemCSS
 };

package/esm/layouts/app-header/action-group/ActionGroup.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/app-header/action-group/ActionGroup.css.ts"],
-  "sourcesContent": ["import './ActionGroup.css';\nexport var actionGroupHiddenItemCSS = '_1d2ks7u0-3-13-2';"],
+  "sourcesContent": ["import './ActionGroup.css';\nexport var actionGroupHiddenItemCSS = '_1d2ks7u0-3-13-3';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,2BAA2B;",
   "names": []
 }

package/esm/layouts/app-header/action-group/NavItem.css

@@ -1,13 +1,13 @@
-._bf74pw2-3-13-2 {
+._bf74pw2-3-13-3 {
   position: relative;
 }
-._bf74pw2-3-13-2._bf74pw0-3-13-2:not(._bf74pw1-3-13-2), ._bf74pw2-3-13-2.active:not(._bf74pw1-3-13-2) {
+._bf74pw2-3-13-3._bf74pw0-3-13-3:not(._bf74pw1-3-13-3), ._bf74pw2-3-13-3.active:not(._bf74pw1-3-13-3) {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._bf74pw2-3-13-2._bf74pw0-3-13-2:not(._bf74pw1-3-13-2):hover, ._bf74pw2-3-13-2.active:not(._bf74pw1-3-13-2):hover {
+._bf74pw2-3-13-3._bf74pw0-3-13-3:not(._bf74pw1-3-13-3):hover, ._bf74pw2-3-13-3.active:not(._bf74pw1-3-13-3):hover {
   background-color: var(--dt-colors-background-field-primary-default-hover, #d5dbf6);
 }
-._bf74pw2-3-13-2._bf74pw0-3-13-2::after, ._bf74pw2-3-13-2.active::after {
+._bf74pw2-3-13-3._bf74pw0-3-13-3::after, ._bf74pw2-3-13-3.active::after {
   content: "";
   position: absolute;
   width: 20px;

package/esm/layouts/app-header/action-group/NavItem.sty.js

@@ -1,7 +1,7 @@
 import "./NavItem.css";
-var button = "_bf74pw2-3-13-2";
-var isDisabled = "_bf74pw1-3-13-2";
-var isSelected = "_bf74pw0-3-13-2";
+var button = "_bf74pw2-3-13-3";
+var isDisabled = "_bf74pw1-3-13-3";
+var isSelected = "_bf74pw0-3-13-3";
 export {
   button,
   isDisabled,

package/esm/layouts/app-header/action-group/NavItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/app-header/action-group/NavItem.css.ts"],
-  "sourcesContent": ["import './NavItem.css';\nexport var button = '_bf74pw2-3-13-2';\nexport var isDisabled = '_bf74pw1-3-13-2';\nexport var isSelected = '_bf74pw0-3-13-2';"],
+  "sourcesContent": ["import './NavItem.css';\nexport var button = '_bf74pw2-3-13-3';\nexport var isDisabled = '_bf74pw1-3-13-3';\nexport var isSelected = '_bf74pw0-3-13-3';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,SAAS;AACb,IAAI,aAAa;AACjB,IAAI,aAAa;",
   "names": []
 }

package/esm/layouts/app-header/app-icon/AppIcon.css

@@ -1,4 +1,4 @@
-@keyframes _1dtfpz50-3-13-2 {
+@keyframes _1dtfpz50-3-13-3 {
   0% {
     opacity: 0;
   }
@@ -6,11 +6,11 @@
     opacity: 1;
   }
 }
-._1dtfpz51-3-13-2 {
+._1dtfpz51-3-13-3 {
   object-fit: contain;
 }
-._1dtfpz52-3-13-2 {
-  animation-name: _1dtfpz50-3-13-2;
+._1dtfpz52-3-13-3 {
+  animation-name: _1dtfpz50-3-13-3;
   animation-duration: var(--dt-animations-fade-in-duration-slow, 350ms);
   animation-timing-function: var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1));
 }

package/esm/layouts/app-header/app-icon/AppIcon.sty.js

@@ -1,6 +1,6 @@
 import "./AppIcon.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var icon = _7a468({ defaultClassName: "_1dtfpz51-3-13-2", variantClassNames: { fadeIn: { true: "_1dtfpz52-3-13-2" } }, defaultVariants: {}, compoundVariants: [] });
+var icon = _7a468({ defaultClassName: "_1dtfpz51-3-13-3", variantClassNames: { fadeIn: { true: "_1dtfpz52-3-13-3" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   icon
 };

package/esm/layouts/app-header/app-icon/AppIcon.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/app-header/app-icon/AppIcon.css.ts"],
-  "sourcesContent": ["import './AppIcon.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var icon = _7a468({defaultClassName:'_1dtfpz51-3-13-2',variantClassNames:{fadeIn:{true:'_1dtfpz52-3-13-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './AppIcon.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var icon = _7a468({defaultClassName:'_1dtfpz51-3-13-3',variantClassNames:{fadeIn:{true:'_1dtfpz52-3-13-3'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,OAAO,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,QAAO,EAAC,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/layouts/container/Container.css

@@ -1,11 +1,11 @@
-._f32lcd0-3-13-2 {
+._f32lcd0-3-13-3 {
   border-style: var(--dt-borders-style-default, solid);
   border-width: var(--dt-borders-width-emphasized, 2px);
   border-radius: var(--dt-borders-radius-container-default, 9px);
-  color: var(--_6levse0-3-13-2);
-  border-color: var(--_6levse2-3-13-2);
-  background-color: var(--_6levse1-3-13-2);
+  color: var(--_6levse0-3-13-3);
+  border-color: var(--_6levse2-3-13-3);
+  background-color: var(--_6levse1-3-13-3);
 }
-._1jgl8s50-3-13-2 ._f32lcd0-3-13-2 {
+._1jgl8s50-3-13-3 ._f32lcd0-3-13-3 {
   border-width: var(--dt-borders-width-default, 1px);
 }

package/esm/layouts/container/Container.sty.js

@@ -1,7 +1,7 @@
 import "../../core/components/app-root/AppRoot.css";
 import "../../styles/container.css";
 import "./Container.css";
-var containerCSS = "_f32lcd0-3-13-2";
+var containerCSS = "_f32lcd0-3-13-3";
 export {
   containerCSS
 };

package/esm/layouts/container/Container.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/container/Container.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/container.css';\nimport './Container.css';\nexport var containerCSS = '_f32lcd0-3-13-2';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/container.css';\nimport './Container.css';\nexport var containerCSS = '_f32lcd0-3-13-3';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,eAAe;",
   "names": []
 }

package/esm/layouts/divider/Divider.css

@@ -1,21 +1,21 @@
-._1thxv8m0-3-13-2 {
+._1thxv8m0-3-13-3 {
   border: none;
   margin: 0;
   overflow-wrap: break-word;
-  background-color: var(--_k096v42-3-13-2);
+  background-color: var(--_k096v42-3-13-3);
 }
-._1thxv8m1-3-13-2 {
+._1thxv8m1-3-13-3 {
   width: 100%;
   height: var(--dt-borders-width-default, 1px);
 }
-._1thxv8m2-3-13-2 {
+._1thxv8m2-3-13-3 {
   width: var(--dt-borders-width-default, 1px);
   height: 100%;
 }
-._1thxv8m5-3-13-2 {
+._1thxv8m5-3-13-3 {
   flex-shrink: 0;
 }
-._1thxv8m6-3-13-2 {
+._1thxv8m6-3-13-3 {
   flex-shrink: 0;
   width: var(--dt-borders-width-default, 1px);
   height: auto;

package/esm/layouts/divider/Divider.sty.js

@@ -1,7 +1,7 @@
 import "../../core/utils/colorUtils.css";
 import "./Divider.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var dividerCSS = _7a468({ defaultClassName: "_1thxv8m0-3-13-2", variantClassNames: { orientation: { horizontal: "_1thxv8m1-3-13-2", vertical: "_1thxv8m2-3-13-2" }, flexItem: { true: "_1thxv8m3-3-13-2", false: "_1thxv8m4-3-13-2" } }, defaultVariants: {}, compoundVariants: [[{ orientation: "horizontal", flexItem: false }, "_1thxv8m5-3-13-2"], [{ orientation: "vertical", flexItem: true }, "_1thxv8m6-3-13-2"]] });
+var dividerCSS = _7a468({ defaultClassName: "_1thxv8m0-3-13-3", variantClassNames: { orientation: { horizontal: "_1thxv8m1-3-13-3", vertical: "_1thxv8m2-3-13-3" }, flexItem: { true: "_1thxv8m3-3-13-3", false: "_1thxv8m4-3-13-3" } }, defaultVariants: {}, compoundVariants: [[{ orientation: "horizontal", flexItem: false }, "_1thxv8m5-3-13-3"], [{ orientation: "vertical", flexItem: true }, "_1thxv8m6-3-13-3"]] });
 export {
   dividerCSS
 };

package/esm/layouts/divider/Divider.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/divider/Divider.css.ts"],
-  "sourcesContent": ["import '../../core/utils/colorUtils.css';\nimport './Divider.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var dividerCSS = _7a468({defaultClassName:'_1thxv8m0-3-13-2',variantClassNames:{orientation:{horizontal:'_1thxv8m1-3-13-2',vertical:'_1thxv8m2-3-13-2'},flexItem:{true:'_1thxv8m3-3-13-2',false:'_1thxv8m4-3-13-2'}},defaultVariants:{},compoundVariants:[[{orientation:'horizontal',flexItem:false},'_1thxv8m5-3-13-2'],[{orientation:'vertical',flexItem:true},'_1thxv8m6-3-13-2']]});"],
+  "sourcesContent": ["import '../../core/utils/colorUtils.css';\nimport './Divider.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var dividerCSS = _7a468({defaultClassName:'_1thxv8m0-3-13-3',variantClassNames:{orientation:{horizontal:'_1thxv8m1-3-13-3',vertical:'_1thxv8m2-3-13-3'},flexItem:{true:'_1thxv8m3-3-13-3',false:'_1thxv8m4-3-13-3'}},defaultVariants:{},compoundVariants:[[{orientation:'horizontal',flexItem:false},'_1thxv8m5-3-13-3'],[{orientation:'vertical',flexItem:true},'_1thxv8m6-3-13-3']]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,aAAa,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,aAAY,EAAC,YAAW,oBAAmB,UAAS,mBAAkB,GAAE,UAAS,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,aAAY,cAAa,UAAS,MAAK,GAAE,kBAAkB,GAAE,CAAC,EAAC,aAAY,YAAW,UAAS,KAAI,GAAE,kBAAkB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/layouts/help-menu/HelpMenu.css

@@ -1,4 +1,4 @@
-._1m01arl5-3-13-2._zux1an0-3-13-2 {
+._1m01arl5-3-13-3._zux1an0-3-13-3 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
@@ -8,11 +8,11 @@
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1m01arl5-3-13-2._zux1an0-3-13-2:hover, ._1m01arl5-3-13-2._zux1an0-3-13-2:active {
+._1m01arl5-3-13-3._zux1an0-3-13-3:hover, ._1m01arl5-3-13-3._zux1an0-3-13-3:active {
   background-color: transparent;
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._zux1an1-3-13-2 {
+._zux1an1-3-13-3 {
   max-width: 500px;
   overflow: hidden;
   text-overflow: ellipsis;

package/esm/layouts/help-menu/HelpMenu.sty.js

@@ -1,7 +1,7 @@
 import "../../navigation/menu/Menu.css";
 import "./HelpMenu.css";
-var versionItem = "_zux1an0-3-13-2";
-var versionText = "_zux1an1-3-13-2";
+var versionItem = "_zux1an0-3-13-3";
+var versionText = "_zux1an1-3-13-3";
 export {
   versionItem,
   versionText

package/esm/layouts/help-menu/HelpMenu.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/help-menu/HelpMenu.css.ts"],
-  "sourcesContent": ["import '../../navigation/menu/Menu.css';\nimport './HelpMenu.css';\nexport var versionItem = '_zux1an0-3-13-2';\nexport var versionText = '_zux1an1-3-13-2';"],
+  "sourcesContent": ["import '../../navigation/menu/Menu.css';\nimport './HelpMenu.css';\nexport var versionItem = '_zux1an0-3-13-3';\nexport var versionText = '_zux1an1-3-13-3';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,cAAc;AAClB,IAAI,cAAc;",
   "names": []
 }

package/esm/layouts/input-group/InputGroup.css

@@ -1,103 +1,103 @@
-._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 {
+._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 {
   gap: var(--dt-spacings-size-0, 0);
   isolation: isolate;
 }
-._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > *:not(:first-child),
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > *:not(:first-child, ._1x4bl8z1-3-13-2) > .strato-inputgroup,
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > ._1x4bl8z1-3-13-2 + * {
+._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > *:not(:first-child),
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > *:not(:first-child, ._1x4bl8z1-3-13-3) > .strato-inputgroup,
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > ._1x4bl8z1-3-13-3 + * {
   margin-left: -1px;
   box-sizing: content-box;
 }
-._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > * {
-  --_1x4bl8z0-3-13-2: 1;
+._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > * {
+  --_1x4bl8z0-3-13-3: 1;
   position: relative;
-  z-index: var(--_1x4bl8z0-3-13-2);
+  z-index: var(--_1x4bl8z0-3-13-3);
 }
-._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > * > .strato-inputgroup {
+._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > * > .strato-inputgroup {
   position: relative;
-  z-index: var(--_1x4bl8z0-3-13-2);
-}
-._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > *:not(:has([disabled])):hover,
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > *:not(:has([disabled])):active {
-  --_1x4bl8z0-3-13-2: 2;
-}
-._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > ._bx32hd-3-13-2._bx32h8-3-13-2:not(._bx32h6-3-13-2):not(:has(._1a8lqy92-3-13-2)):not(._1a8lqy92-3-13-2):hover,
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > ._bx32hd-3-13-2._bx32h8-3-13-2:not(._bx32h6-3-13-2):not(:has(._1a8lqy92-3-13-2)):not(._1a8lqy92-3-13-2):active {
-  --_1x4bl8z0-3-13-2: 2;
-}
-._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > ._bx32hd-3-13-2:is(._bx32h7-3-13-2,._bx32h9-3-13-2,._bx32ha-3-13-2,._bx32hb-3-13-2):not(._bx32h6-3-13-2):not(:has(._1a8lqy92-3-13-2)):not(._1a8lqy92-3-13-2),
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > *:has(._1a8lqy91-3-13-2):not(:has(._1a8lqy92-3-13-2)),
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2._1a8lqy91-3-13-2:not(._1a8lqy92-3-13-2) > *:not(._bx32h6-3-13-2):not(:has(._1a8lqy92-3-13-2)):not(._1a8lqy92-3-13-2) {
-  --_1x4bl8z0-3-13-2: 3;
-}
-._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > ._bx32hd-3-13-2:is(._bx32h7-3-13-2,._bx32h9-3-13-2,._bx32ha-3-13-2,._bx32hb-3-13-2):not(._bx32h6-3-13-2):not(:has(._1a8lqy92-3-13-2)):not(._1a8lqy92-3-13-2):hover,
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > ._bx32hd-3-13-2:is(._bx32h7-3-13-2,._bx32h9-3-13-2,._bx32ha-3-13-2,._bx32hb-3-13-2):not(._bx32h6-3-13-2):not(:has(._1a8lqy92-3-13-2)):not(._1a8lqy92-3-13-2):active,
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > *:has(._1a8lqy91-3-13-2):not(:has(._1a8lqy92-3-13-2)):hover,
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > *:has(._1a8lqy91-3-13-2):not(:has(._1a8lqy92-3-13-2)):active,
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2._1a8lqy91-3-13-2:not(._1a8lqy92-3-13-2) > *:not(._bx32h6-3-13-2):not(:has(._1a8lqy92-3-13-2)):not(._1a8lqy92-3-13-2):hover,
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2._1a8lqy91-3-13-2:not(._1a8lqy92-3-13-2) > *:not(._bx32h6-3-13-2):not(:has(._1a8lqy92-3-13-2)):not(._1a8lqy92-3-13-2):active {
-  --_1x4bl8z0-3-13-2: 4;
-}
-._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > ._bx32he-3-13-2:not(._bx32h6-3-13-2):not(:has(._1a8lqy92-3-13-2)):not(._1a8lqy92-3-13-2) {
-  --_1x4bl8z0-3-13-2: 5;
-}
-._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > *:focus-within,
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > * > .strato-inputgroup:focus-within {
-  --_1x4bl8z0-3-13-2: 6;
-}
-._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > ._bx32h6-3-13-2,
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > ._bx32h6-3-13-2:is(:hover, :active),
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > ._1a8lqy92-3-13-2,
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > ._1a8lqy92-3-13-2:is(:hover, :active),
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > *:has(._1a8lqy92-3-13-2),
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > *:has(._1a8lqy92-3-13-2):is(:hover, :active),
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > *:has(._bx32h6-3-13-2),
- ._1jgl8s50-3-13-2 ._1x4bl8z1-3-13-2 > *:has(._bx32h6-3-13-2):is(:hover, :active) {
-  --_1x4bl8z0-3-13-2: 0;
-}
-._1x4bl8z1-3-13-2 > .strato-inputgroup:not(:last-child),
- ._1x4bl8z1-3-13-2 > *:not(:last-child) :is(.strato-inputgroup, .cm-editor) {
+  z-index: var(--_1x4bl8z0-3-13-3);
+}
+._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > *:not(:has([disabled])):hover,
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > *:not(:has([disabled])):active {
+  --_1x4bl8z0-3-13-3: 2;
+}
+._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > ._bx32hd-3-13-3._bx32h8-3-13-3:not(._bx32h6-3-13-3):not(:has(._1a8lqy92-3-13-3)):not(._1a8lqy92-3-13-3):hover,
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > ._bx32hd-3-13-3._bx32h8-3-13-3:not(._bx32h6-3-13-3):not(:has(._1a8lqy92-3-13-3)):not(._1a8lqy92-3-13-3):active {
+  --_1x4bl8z0-3-13-3: 2;
+}
+._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > ._bx32hd-3-13-3:is(._bx32h7-3-13-3,._bx32h9-3-13-3,._bx32ha-3-13-3,._bx32hb-3-13-3):not(._bx32h6-3-13-3):not(:has(._1a8lqy92-3-13-3)):not(._1a8lqy92-3-13-3),
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > *:has(._1a8lqy91-3-13-3):not(:has(._1a8lqy92-3-13-3)),
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3._1a8lqy91-3-13-3:not(._1a8lqy92-3-13-3) > *:not(._bx32h6-3-13-3):not(:has(._1a8lqy92-3-13-3)):not(._1a8lqy92-3-13-3) {
+  --_1x4bl8z0-3-13-3: 3;
+}
+._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > ._bx32hd-3-13-3:is(._bx32h7-3-13-3,._bx32h9-3-13-3,._bx32ha-3-13-3,._bx32hb-3-13-3):not(._bx32h6-3-13-3):not(:has(._1a8lqy92-3-13-3)):not(._1a8lqy92-3-13-3):hover,
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > ._bx32hd-3-13-3:is(._bx32h7-3-13-3,._bx32h9-3-13-3,._bx32ha-3-13-3,._bx32hb-3-13-3):not(._bx32h6-3-13-3):not(:has(._1a8lqy92-3-13-3)):not(._1a8lqy92-3-13-3):active,
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > *:has(._1a8lqy91-3-13-3):not(:has(._1a8lqy92-3-13-3)):hover,
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > *:has(._1a8lqy91-3-13-3):not(:has(._1a8lqy92-3-13-3)):active,
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3._1a8lqy91-3-13-3:not(._1a8lqy92-3-13-3) > *:not(._bx32h6-3-13-3):not(:has(._1a8lqy92-3-13-3)):not(._1a8lqy92-3-13-3):hover,
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3._1a8lqy91-3-13-3:not(._1a8lqy92-3-13-3) > *:not(._bx32h6-3-13-3):not(:has(._1a8lqy92-3-13-3)):not(._1a8lqy92-3-13-3):active {
+  --_1x4bl8z0-3-13-3: 4;
+}
+._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > ._bx32he-3-13-3:not(._bx32h6-3-13-3):not(:has(._1a8lqy92-3-13-3)):not(._1a8lqy92-3-13-3) {
+  --_1x4bl8z0-3-13-3: 5;
+}
+._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > *:focus-within,
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > * > .strato-inputgroup:focus-within {
+  --_1x4bl8z0-3-13-3: 6;
+}
+._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > ._bx32h6-3-13-3,
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > ._bx32h6-3-13-3:is(:hover, :active),
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > ._1a8lqy92-3-13-3,
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > ._1a8lqy92-3-13-3:is(:hover, :active),
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > *:has(._1a8lqy92-3-13-3),
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > *:has(._1a8lqy92-3-13-3):is(:hover, :active),
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > *:has(._bx32h6-3-13-3),
+ ._1jgl8s50-3-13-3 ._1x4bl8z1-3-13-3 > *:has(._bx32h6-3-13-3):is(:hover, :active) {
+  --_1x4bl8z0-3-13-3: 0;
+}
+._1x4bl8z1-3-13-3 > .strato-inputgroup:not(:last-child),
+ ._1x4bl8z1-3-13-3 > *:not(:last-child) :is(.strato-inputgroup, .cm-editor) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._1x4bl8z1-3-13-2 > .strato-inputgroup:not(:first-child),
- ._1x4bl8z1-3-13-2 > *:not(:first-child) :is(.strato-inputgroup, .cm-editor) {
+._1x4bl8z1-3-13-3 > .strato-inputgroup:not(:first-child),
+ ._1x4bl8z1-3-13-3 > *:not(:first-child) :is(.strato-inputgroup, .cm-editor) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._1x4bl8z1-3-13-2 > ._mvcxum0-3-13-2 {
+._1x4bl8z1-3-13-3 > ._mvcxum0-3-13-3 {
   display: grid;
   align-items: center;
   grid-template-rows: subgrid;
 }
-._1x4bl8z1-3-13-2:has(> ._mvcxum0-3-13-2 > label):has(> ._mvcxum0-3-13-2 > ._1l9bja60-3-13-2:last-child:not(:empty)) > ._mvcxum0-3-13-2 {
+._1x4bl8z1-3-13-3:has(> ._mvcxum0-3-13-3 > label):has(> ._mvcxum0-3-13-3 > ._1l9bja60-3-13-3:last-child:not(:empty)) > ._mvcxum0-3-13-3 {
   grid-row: 1 / span 3;
 }
-._1x4bl8z1-3-13-2:has(> ._mvcxum0-3-13-2 > label):not(:has(> ._mvcxum0-3-13-2 > ._1l9bja60-3-13-2:last-child:not(:empty))) > ._mvcxum0-3-13-2 {
+._1x4bl8z1-3-13-3:has(> ._mvcxum0-3-13-3 > label):not(:has(> ._mvcxum0-3-13-3 > ._1l9bja60-3-13-3:last-child:not(:empty))) > ._mvcxum0-3-13-3 {
   grid-row: 1 / span 2;
 }
-._1x4bl8z1-3-13-2:not(:has(> ._mvcxum0-3-13-2 > label)):has(> ._mvcxum0-3-13-2 > ._1l9bja60-3-13-2:last-child:not(:empty)) > ._mvcxum0-3-13-2 {
+._1x4bl8z1-3-13-3:not(:has(> ._mvcxum0-3-13-3 > label)):has(> ._mvcxum0-3-13-3 > ._1l9bja60-3-13-3:last-child:not(:empty)) > ._mvcxum0-3-13-3 {
   grid-row: 1 / span 2;
 }
-._1x4bl8z1-3-13-2 > ._mvcxum0-3-13-2 > label {
+._1x4bl8z1-3-13-3 > ._mvcxum0-3-13-3 > label {
   grid-row: 1 / 2;
   align-self: end;
 }
-._1x4bl8z1-3-13-2 > ._mvcxum0-3-13-2:has(> :not(label, ._1l9bja60-3-13-2)) > label {
+._1x4bl8z1-3-13-3 > ._mvcxum0-3-13-3:has(> :not(label, ._1l9bja60-3-13-3)) > label {
   width: 0;
   min-width: 100%;
 }
-._1x4bl8z1-3-13-2 > :not(._mvcxum0-3-13-2) {
+._1x4bl8z1-3-13-3 > :not(._mvcxum0-3-13-3) {
   grid-row: 1 / 2;
 }
-._1x4bl8z1-3-13-2:has(> ._mvcxum0-3-13-2 > label) > :not(._mvcxum0-3-13-2), ._1x4bl8z1-3-13-2:has(> ._mvcxum0-3-13-2 > label) > ._mvcxum0-3-13-2 > :not(label, ._1l9bja60-3-13-2) {
+._1x4bl8z1-3-13-3:has(> ._mvcxum0-3-13-3 > label) > :not(._mvcxum0-3-13-3), ._1x4bl8z1-3-13-3:has(> ._mvcxum0-3-13-3 > label) > ._mvcxum0-3-13-3 > :not(label, ._1l9bja60-3-13-3) {
   grid-row: 2 / 3;
 }
-._1x4bl8z1-3-13-2:has(> ._mvcxum0-3-13-2 > label) > ._mvcxum0-3-13-2 > ._1l9bja60-3-13-2 {
+._1x4bl8z1-3-13-3:has(> ._mvcxum0-3-13-3 > label) > ._mvcxum0-3-13-3 > ._1l9bja60-3-13-3 {
   grid-row: 3 / 4;
   align-self: start;
 }
-._1x4bl8z1-3-13-2 > ._mvcxum0-3-13-2:has(> :not(label, ._1l9bja60-3-13-2)) > ._1l9bja60-3-13-2 ._16z6rg14-3-13-2 {
+._1x4bl8z1-3-13-3 > ._mvcxum0-3-13-3:has(> :not(label, ._1l9bja60-3-13-3)) > ._1l9bja60-3-13-3 ._16z6rg14-3-13-3 {
   width: 0;
   flex: 1 1 auto;
 }

package/esm/layouts/input-group/InputGroup.sty.js

@@ -7,7 +7,7 @@ import "../../forms/forms-core/components/form-field/FormField.css";
 import "../../forms/forms-core/components/form-field-messages/FormFieldMessageItem.css";
 import "../../forms/forms-core/components/form-field-messages/FormFieldMessages.css";
 import "./InputGroup.css";
-var inputGroup = "_1x4bl8z1-3-13-2";
+var inputGroup = "_1x4bl8z1-3-13-3";
 var inputGroupClassName = "strato-inputgroup";
 export {
   inputGroup,

package/esm/layouts/input-group/InputGroup.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/input-group/InputGroup.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport '../../styles/textStyle.css';\nimport '../../forms/hooks/useAutofillEvent.css';\nimport '../../forms/_base-input/BaseInput.css';\nimport '../../forms/forms-core/components/form-field/FormField.css';\nimport '../../forms/forms-core/components/form-field-messages/FormFieldMessageItem.css';\nimport '../../forms/forms-core/components/form-field-messages/FormFieldMessages.css';\nimport './InputGroup.css';\nexport var inputGroup = '_1x4bl8z1-3-13-2';\nexport var inputGroupClassName = 'strato-inputgroup';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport '../../styles/textStyle.css';\nimport '../../forms/hooks/useAutofillEvent.css';\nimport '../../forms/_base-input/BaseInput.css';\nimport '../../forms/forms-core/components/form-field/FormField.css';\nimport '../../forms/forms-core/components/form-field-messages/FormFieldMessageItem.css';\nimport '../../forms/forms-core/components/form-field-messages/FormFieldMessages.css';\nimport './InputGroup.css';\nexport var inputGroup = '_1x4bl8z1-3-13-3';\nexport var inputGroupClassName = 'strato-inputgroup';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,aAAa;AACjB,IAAI,sBAAsB;",
   "names": []
 }

package/esm/layouts/page/DetailView.css

@@ -1,11 +1,11 @@
-._wapl5d0-3-13-2 {
+._wapl5d0-3-13-3 {
   grid-area: details;
   flex-direction: row-reverse;
 }
-._wapl5d1-3-13-2 {
+._wapl5d1-3-13-3 {
   background: var(--dt-colors-background-base-default, #f9f9fa);
   border-top-left-radius: var(--dt-borders-radius-surface-default, 12px);
 }
-._1jgl8s50-3-13-2 ._wapl5d1-3-13-2 {
+._1jgl8s50-3-13-3 ._wapl5d1-3-13-3 {
   border-top-left-radius: 0;
 }

package/esm/layouts/page/DetailView.sty.js

@@ -1,7 +1,7 @@
 import "../../core/components/app-root/AppRoot.css";
 import "./DetailView.css";
-var content = "_wapl5d1-3-13-2";
-var details = "_wapl5d0-3-13-2";
+var content = "_wapl5d1-3-13-3";
+var details = "_wapl5d0-3-13-3";
 export {
   content,
   details