@dynatrace/strato-components 3.11.1 → 3.11.2

package/content/progress/ProgressBar.js

@@ -33,7 +33,6 @@ module.exports = __toCommonJS(ProgressBar_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var import_react = require("react");
-var import_react_is = require("react-is");
 var import_SharedProgressBarPropsContext = require("./contexts/SharedProgressBarPropsContext.js");
 var import_useProgressAriaProps = require("./hooks/useProgressAriaProps.js");
 var import_ProgressBar_css = require("./ProgressBar.sty.js");
@@ -44,6 +43,8 @@ var import_useAriaLabelingProps = require("../../core/hooks/useAriaLabelingProps
 var import_useBehavioralTrackingProps = require("../../core/hooks/useBehavioralTrackingProps.js");
 var import_useId = require("../../core/hooks/useId.js");
 var import_useSafeForwardProps = require("../../core/hooks/useSafeForwardProps.js");
+var import_is_slot = require("../../core/utils/is-slot.js");
+var import_logging = require("../../core/utils/logging.js");
 var import_Container = require("../../layouts/container/Container.js");
 var import_Flex = require("../../layouts/flex/Flex.js");
 var import_container_css = require("../../styles/container.sty.js");
@@ -55,18 +56,13 @@ function getProgressBarSlots(children) {
     icon: null
   };
   import_react.Children.forEach(children, (child) => {
-    if ((0, import_react_is.isElement)(child)) {
-      switch (child.type) {
-        case import_ProgressBarLabel.ProgressBarLabel:
-          slots.label = child;
-          break;
-        case import_ProgressBarIcon.ProgressBarIcon:
-          slots.icon = child;
-          break;
-        case import_ProgressBarValue.ProgressBarValue:
-        default:
-          slots.value = child;
-          break;
+    if ((0, import_react.isValidElement)(child)) {
+      if ((0, import_is_slot.isSlot)(child, import_ProgressBarLabel.ProgressBarLabel)) {
+        slots.label = child;
+      } else if ((0, import_is_slot.isSlot)(child, import_ProgressBarIcon.ProgressBarIcon)) {
+        slots.icon = child;
+      } else {
+        slots.value = child;
       }
     } else {
       if (!slots.value) {
@@ -111,8 +107,7 @@ const _ProgressBar = (0, import_react.forwardRef)(
     const generatedId = (0, import_useId.useId)();
     const id = propId ?? generatedId;
     if (!slots.label && !ariaLabelingProps["aria-label"] && !ariaLabelingProps["aria-labelledby"]) {
-      // eslint-disable-next-line no-console
-      console.warn(
+      (0, import_logging.devLog)(
         "If no label is provided please make sure to provide an aria label on your progressCircle element."
       );
     }

package/content/progress/ProgressBar.sty.js

@@ -26,8 +26,8 @@ __export(ProgressBar_css_exports, {
 module.exports = __toCommonJS(ProgressBar_css_exports);
 var import_ProgressBar_css_ts_vanilla = require("./ProgressBar.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var progressBarFillCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_13n9uwhq-3-11-1", variantClassNames: { indeterminate: { true: "_13n9uwhr-3-11-1" } }, defaultVariants: {}, compoundVariants: [] });
-var progressCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_13n9uwhn-3-11-1", variantClassNames: { size: { condensed: "_13n9uwho-3-11-1", "default": "_13n9uwhp-3-11-1" } }, defaultVariants: {}, compoundVariants: [] });
-var progressIndicatorColorVar = "var(--_13n9uwh3-3-11-1)";
-var progressRoot = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_13n9uwh5-3-11-1", variantClassNames: { color: { primary: "_13n9uwh6-3-11-1", success: "_13n9uwh7-3-11-1", warning: "_13n9uwh8-3-11-1", critical: "_13n9uwh9-3-11-1", neutral: "_13n9uwha-3-11-1" }, onAccent: { true: "_13n9uwhb-3-11-1", false: "_13n9uwhc-3-11-1" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", onAccent: false }, "_13n9uwhd-3-11-1"], [{ color: "success", onAccent: false }, "_13n9uwhe-3-11-1"], [{ color: "warning", onAccent: false }, "_13n9uwhf-3-11-1"], [{ color: "critical", onAccent: false }, "_13n9uwhg-3-11-1"], [{ color: "neutral", onAccent: false }, "_13n9uwhh-3-11-1"], [{ color: "primary", onAccent: true }, "_13n9uwhi-3-11-1"], [{ color: "success", onAccent: true }, "_13n9uwhj-3-11-1"], [{ color: "warning", onAccent: true }, "_13n9uwhk-3-11-1"], [{ color: "critical", onAccent: true }, "_13n9uwhl-3-11-1"], [{ color: "neutral", onAccent: true }, "_13n9uwhm-3-11-1"]] });
-var progressValueColorVar = "var(--_13n9uwh4-3-11-1)";
+var progressBarFillCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_13n9uwhq-3-11-2", variantClassNames: { indeterminate: { true: "_13n9uwhr-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var progressCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_13n9uwhn-3-11-2", variantClassNames: { size: { condensed: "_13n9uwho-3-11-2", "default": "_13n9uwhp-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var progressIndicatorColorVar = "var(--_13n9uwh3-3-11-2)";
+var progressRoot = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_13n9uwh5-3-11-2", variantClassNames: { color: { primary: "_13n9uwh6-3-11-2", success: "_13n9uwh7-3-11-2", warning: "_13n9uwh8-3-11-2", critical: "_13n9uwh9-3-11-2", neutral: "_13n9uwha-3-11-2" }, onAccent: { true: "_13n9uwhb-3-11-2", false: "_13n9uwhc-3-11-2" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", onAccent: false }, "_13n9uwhd-3-11-2"], [{ color: "success", onAccent: false }, "_13n9uwhe-3-11-2"], [{ color: "warning", onAccent: false }, "_13n9uwhf-3-11-2"], [{ color: "critical", onAccent: false }, "_13n9uwhg-3-11-2"], [{ color: "neutral", onAccent: false }, "_13n9uwhh-3-11-2"], [{ color: "primary", onAccent: true }, "_13n9uwhi-3-11-2"], [{ color: "success", onAccent: true }, "_13n9uwhj-3-11-2"], [{ color: "warning", onAccent: true }, "_13n9uwhk-3-11-2"], [{ color: "critical", onAccent: true }, "_13n9uwhl-3-11-2"], [{ color: "neutral", onAccent: true }, "_13n9uwhm-3-11-2"]] });
+var progressValueColorVar = "var(--_13n9uwh4-3-11-2)";

package/content/progress/ProgressBarIcon.css

@@ -1,5 +1,5 @@
-._szm9t40-3-11-1 {
+._szm9t40-3-11-2 {
   display: flex;
   margin-left: auto;
-  color: var(--_13n9uwh3-3-11-1);
+  color: var(--_13n9uwh3-3-11-2);
 }

package/content/progress/ProgressBarIcon.sty.js

@@ -22,4 +22,4 @@ __export(ProgressBarIcon_css_exports, {
 module.exports = __toCommonJS(ProgressBarIcon_css_exports);
 var import_ProgressBar_css_ts_vanilla = require("./ProgressBar.css");
 var import_ProgressBarIcon_css_ts_vanilla = require("./ProgressBarIcon.css");
-var progressBarIconContainerCSS = "_szm9t40-3-11-1";
+var progressBarIconContainerCSS = "_szm9t40-3-11-2";

package/content/progress/ProgressBarLabel.css

@@ -1,9 +1,9 @@
-._1ceb8vp0-3-11-1 {
+._1ceb8vp0-3-11-2 {
   color: currentColor;
 }
-._1ceb8vp2-3-11-1 {
+._1ceb8vp2-3-11-2 {
   word-break: break-word;
 }
-._1ceb8vp3-3-11-1 {
+._1ceb8vp3-3-11-2 {
   word-break: break-word;
 }

package/content/progress/ProgressBarLabel.sty.js

@@ -22,4 +22,4 @@ __export(ProgressBarLabel_css_exports, {
 module.exports = __toCommonJS(ProgressBarLabel_css_exports);
 var import_ProgressBarLabel_css_ts_vanilla = require("./ProgressBarLabel.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var label = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ceb8vp0-3-11-1", variantClassNames: { size: { condensed: "_1ceb8vp1-3-11-1", "default": "_1ceb8vp2-3-11-1" }, childIsText: { false: "_1ceb8vp3-3-11-1" } }, defaultVariants: {}, compoundVariants: [] });
+var label = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ceb8vp0-3-11-2", variantClassNames: { size: { condensed: "_1ceb8vp1-3-11-2", "default": "_1ceb8vp2-3-11-2" }, childIsText: { false: "_1ceb8vp3-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });

package/content/progress/ProgressBarValue.css

@@ -1,13 +1,13 @@
-._1ri4i7o0-3-11-1 {
-  color: var(--_13n9uwh4-3-11-1);
+._1ri4i7o0-3-11-2 {
+  color: var(--_13n9uwh4-3-11-2);
 }
-._1ri4i7o2-3-11-1 {
+._1ri4i7o2-3-11-2 {
   word-break: break-word;
 }
-._1ri4i7o4-3-11-1 {
+._1ri4i7o4-3-11-2 {
   word-break: break-word;
 }
-._1ri4i7o5-3-11-1 {
+._1ri4i7o5-3-11-2 {
   margin-left: auto;
   align-self: center;
 }

package/content/progress/ProgressBarValue.sty.js

@@ -24,4 +24,4 @@ var import_ProgressBar_css_ts_vanilla = require("./ProgressBar.css");
 var import_ellipsis_css_ts_vanilla = require("../../styles/ellipsis.css");
 var import_ProgressBarValue_css_ts_vanilla = require("./ProgressBarValue.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var value = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ri4i7o0-3-11-1", variantClassNames: { size: { condensed: "_1ri4i7o1-3-11-1", "default": "_1ri4i7o2-3-11-1" }, childIsText: { true: "_1ri4i7o3-3-11-1", false: "_1ri4i7o4-3-11-1" } }, defaultVariants: {}, compoundVariants: [[{ size: "condensed", childIsText: true }, "_1ri4i7o5-3-11-1 _oqqp1n0-3-11-1"]] });
+var value = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ri4i7o0-3-11-2", variantClassNames: { size: { condensed: "_1ri4i7o1-3-11-2", "default": "_1ri4i7o2-3-11-2" }, childIsText: { true: "_1ri4i7o3-3-11-2", false: "_1ri4i7o4-3-11-2" } }, defaultVariants: {}, compoundVariants: [[{ size: "condensed", childIsText: true }, "_1ri4i7o5-3-11-2 _oqqp1n0-3-11-2"]] });

package/content/progress/ProgressCircle.css

@@ -1,4 +1,4 @@
-@keyframes _kvldjh3-3-11-1 {
+@keyframes _kvldjh3-3-11-2 {
   0% {
     transform: rotate(0deg);
   }
@@ -6,79 +6,79 @@
     transform: rotate(360deg);
   }
 }
-._kvldjh4-3-11-1 {
+._kvldjh4-3-11-2 {
   display: inline-block;
 }
-._kvldjh5-3-11-1 {
+._kvldjh5-3-11-2 {
   display: block;
   transform: rotate(-90deg);
 }
-._kvldjh6-3-11-1 {
-  stroke: var(--_kvldjh2-3-11-1);
+._kvldjh6-3-11-2 {
+  stroke: var(--_kvldjh2-3-11-2);
   transform-origin: center;
 }
-._kvldjh7-3-11-1 {
+._kvldjh7-3-11-2 {
   stroke-dasharray: 90 360;
   transform-origin: 50% 50%;
-  animation-name: _kvldjh3-3-11-1;
+  animation-name: _kvldjh3-3-11-2;
   animation-duration: var(--dt-timings-slowest-moderate, 1200ms);
   animation-timing-function: cubic-bezier(0.5, 0.15, 0.5, 0.8);
   animation-iteration-count: infinite;
 }
-._kvldjh8-3-11-1 {
+._kvldjh8-3-11-2 {
   animation-duration: var(--dt-timings-fast-moderate, 200ms);
   transition-property: stroke-dashoffset;
 }
-._kvldjh9-3-11-1 {
-  stroke: var(--_kvldjh1-3-11-1);
+._kvldjh9-3-11-2 {
+  stroke: var(--_kvldjh1-3-11-2);
 }
-._kvldjha-3-11-1 {
+._kvldjha-3-11-2 {
   display: flex;
   flex-direction: column;
   align-items: center;
-  color: var(--_kvldjh0-3-11-1);
+  color: var(--_kvldjh0-3-11-2);
 }
-._kvldjhb-3-11-1 {
+._kvldjhb-3-11-2 {
   gap: var(--dt-spacings-size-8, 8px);
 }
-._kvldjhc-3-11-1 {
+._kvldjhc-3-11-2 {
   gap: var(--dt-spacings-size-12, 12px);
 }
-._kvldjhd-3-11-1 {
-  --_kvldjh2-3-11-1: var(--dt-colors-border-critical-accent, #bb0731);
+._kvldjhd-3-11-2 {
+  --_kvldjh2-3-11-2: var(--dt-colors-border-critical-accent, #bb0731);
 }
-._kvldjhe-3-11-1 {
-  --_kvldjh2-3-11-1: var(--dt-colors-border-neutral-accent, #595a7d);
+._kvldjhe-3-11-2 {
+  --_kvldjh2-3-11-2: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._kvldjhf-3-11-1 {
-  --_kvldjh2-3-11-1: var(--dt-colors-border-primary-accent, #464cce);
+._kvldjhf-3-11-2 {
+  --_kvldjh2-3-11-2: var(--dt-colors-border-primary-accent, #464cce);
 }
-._kvldjhg-3-11-1 {
-  --_kvldjh2-3-11-1: var(--dt-colors-border-success-accent, #2d6761);
+._kvldjhg-3-11-2 {
+  --_kvldjh2-3-11-2: var(--dt-colors-border-success-accent, #2d6761);
 }
-._kvldjhh-3-11-1 {
-  --_kvldjh2-3-11-1: var(--dt-colors-border-warning-accent, #855400);
+._kvldjhh-3-11-2 {
+  --_kvldjh2-3-11-2: var(--dt-colors-border-warning-accent, #855400);
 }
-._kvldjhi-3-11-1 {
-  --_kvldjh0-3-11-1: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_kvldjh1-3-11-1: var(--dt-colors-border-neutral-default, #dadbe4);
+._kvldjhi-3-11-2 {
+  --_kvldjh0-3-11-2: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_kvldjh1-3-11-2: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._kvldjhj-3-11-1 {
-  --_kvldjh0-3-11-1: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
-  --_kvldjh1-3-11-1: var(--dt-colors-border-neutral-on-accent-disabled, #f3f3f633);
+._kvldjhj-3-11-2 {
+  --_kvldjh0-3-11-2: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
+  --_kvldjh1-3-11-2: var(--dt-colors-border-neutral-on-accent-disabled, #f3f3f633);
 }
-._kvldjhk-3-11-1 {
-  --_kvldjh2-3-11-1: var(--dt-colors-border-primary-on-accent-default, #f4f4fb);
+._kvldjhk-3-11-2 {
+  --_kvldjh2-3-11-2: var(--dt-colors-border-primary-on-accent-default, #f4f4fb);
 }
-._kvldjhl-3-11-1 {
-  --_kvldjh2-3-11-1: var(--dt-colors-border-success-on-accent-default, #f1f4f4);
+._kvldjhl-3-11-2 {
+  --_kvldjh2-3-11-2: var(--dt-colors-border-success-on-accent-default, #f1f4f4);
 }
-._kvldjhm-3-11-1 {
-  --_kvldjh2-3-11-1: var(--dt-colors-border-warning-on-accent-default, #272024);
+._kvldjhm-3-11-2 {
+  --_kvldjh2-3-11-2: var(--dt-colors-border-warning-on-accent-default, #272024);
 }
-._kvldjhn-3-11-1 {
-  --_kvldjh2-3-11-1: var(--dt-colors-border-critical-on-accent-default, #f9f1f3);
+._kvldjhn-3-11-2 {
+  --_kvldjh2-3-11-2: var(--dt-colors-border-critical-on-accent-default, #f9f1f3);
 }
-._kvldjho-3-11-1 {
-  --_kvldjh2-3-11-1: var(--dt-colors-border-neutral-on-accent-default, #f3f3f6);
+._kvldjho-3-11-2 {
+  --_kvldjh2-3-11-2: var(--dt-colors-border-neutral-on-accent-default, #f3f3f6);
 }

package/content/progress/ProgressCircle.sty.js

@@ -26,8 +26,8 @@ __export(ProgressCircle_css_exports, {
 module.exports = __toCommonJS(ProgressCircle_css_exports);
 var import_ProgressCircle_css_ts_vanilla = require("./ProgressCircle.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var progressCircleBackgroundCSS = "_kvldjh9-3-11-1";
-var progressCircleCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_kvldjh6-3-11-1", variantClassNames: { indeterminate: { true: "_kvldjh7-3-11-1", false: "_kvldjh8-3-11-1" } }, defaultVariants: {}, compoundVariants: [] });
-var progressCircleContainerCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_kvldjha-3-11-1", variantClassNames: { size: { small: "_kvldjhb-3-11-1", large: "_kvldjhc-3-11-1" }, color: { critical: "_kvldjhd-3-11-1", neutral: "_kvldjhe-3-11-1", primary: "_kvldjhf-3-11-1", success: "_kvldjhg-3-11-1", warning: "_kvldjhh-3-11-1" }, variant: { "default": "_kvldjhi-3-11-1", accent: "_kvldjhj-3-11-1" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_kvldjhk-3-11-1"], [{ color: "success", variant: "accent" }, "_kvldjhl-3-11-1"], [{ color: "warning", variant: "accent" }, "_kvldjhm-3-11-1"], [{ color: "critical", variant: "accent" }, "_kvldjhn-3-11-1"], [{ color: "neutral", variant: "accent" }, "_kvldjho-3-11-1"]] });
-var progressCircleRootCSS = "_kvldjh4-3-11-1";
-var progressCircleSvgCss = "_kvldjh5-3-11-1";
+var progressCircleBackgroundCSS = "_kvldjh9-3-11-2";
+var progressCircleCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_kvldjh6-3-11-2", variantClassNames: { indeterminate: { true: "_kvldjh7-3-11-2", false: "_kvldjh8-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var progressCircleContainerCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_kvldjha-3-11-2", variantClassNames: { size: { small: "_kvldjhb-3-11-2", large: "_kvldjhc-3-11-2" }, color: { critical: "_kvldjhd-3-11-2", neutral: "_kvldjhe-3-11-2", primary: "_kvldjhf-3-11-2", success: "_kvldjhg-3-11-2", warning: "_kvldjhh-3-11-2" }, variant: { "default": "_kvldjhi-3-11-2", accent: "_kvldjhj-3-11-2" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_kvldjhk-3-11-2"], [{ color: "success", variant: "accent" }, "_kvldjhl-3-11-2"], [{ color: "warning", variant: "accent" }, "_kvldjhm-3-11-2"], [{ color: "critical", variant: "accent" }, "_kvldjhn-3-11-2"], [{ color: "neutral", variant: "accent" }, "_kvldjho-3-11-2"]] });
+var progressCircleRootCSS = "_kvldjh4-3-11-2";
+var progressCircleSvgCss = "_kvldjh5-3-11-2";

package/content/shared-components/Visual.css

@@ -1,4 +1,4 @@
-._9w5efw0-3-11-1 {
+._9w5efw0-3-11-2 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -11,13 +11,13 @@
   max-width: 100%;
   aspect-ratio: 8 / 5;
 }
-._9w5efw0-3-11-1 img, ._9w5efw0-3-11-1 picture, ._9w5efw0-3-11-1 video {
+._9w5efw0-3-11-2 img, ._9w5efw0-3-11-2 picture, ._9w5efw0-3-11-2 video {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain;
   object-position: center;
 }
-._9w5efw0-3-11-1 figure {
+._9w5efw0-3-11-2 figure {
   margin: 0;
   max-width: 100%;
   max-height: 100%;

package/content/shared-components/Visual.sty.js

@@ -21,4 +21,4 @@ __export(Visual_css_exports, {
 });
 module.exports = __toCommonJS(Visual_css_exports);
 var import_Visual_css_ts_vanilla = require("./Visual.css");
-var VisualOverlayCSS = "_9w5efw0-3-11-1";
+var VisualOverlayCSS = "_9w5efw0-3-11-2";

package/content/skeleton/Skeleton.css

@@ -1,27 +1,27 @@
-._1a1ozfd0-3-11-1 {
+._1a1ozfd0-3-11-2 {
   position: relative;
   overflow: hidden;
 }
-._1a1ozfd1-3-11-1 {
+._1a1ozfd1-3-11-2 {
   border-radius: var(--dt-borders-radius-container-subdued, 6px);
 }
-._1a1ozfd2-3-11-1 {
+._1a1ozfd2-3-11-2 {
   border-radius: 9999px;
 }
-._1a1ozfd3-3-11-1 {
+._1a1ozfd3-3-11-2 {
   width: 100%;
   height: 100%;
 }
-._1a1ozfd4-3-11-1 stop {
+._1a1ozfd4-3-11-2 stop {
   stop-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._1a1ozfd5-3-11-1 {
+._1a1ozfd5-3-11-2 {
   width: 100%;
   height: 100%;
   fill: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
 @media (prefers-reduced-motion) {
-  ._1a1ozfd6-3-11-1 {
+  ._1a1ozfd6-3-11-2 {
     display: contents;
   }
 }

package/content/skeleton/Skeleton.sty.js

@@ -26,8 +26,8 @@ __export(Skeleton_css_exports, {
 module.exports = __toCommonJS(Skeleton_css_exports);
 var import_Skeleton_css_ts_vanilla = require("./Skeleton.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var skeletonPlaceholderCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1a1ozfd0-3-11-1", variantClassNames: { variant: { "default": "_1a1ozfd1-3-11-1", rounded: "_1a1ozfd2-3-11-1" } }, defaultVariants: {}, compoundVariants: [] });
-var skeletonSvgBackgroundFillCSS = "_1a1ozfd5-3-11-1";
-var skeletonSvgCSS = "_1a1ozfd3-3-11-1";
-var skeletonSvgGradientCSS = "_1a1ozfd4-3-11-1";
-var skeletonSvgGradientRectCSS = "_1a1ozfd6-3-11-1";
+var skeletonPlaceholderCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1a1ozfd0-3-11-2", variantClassNames: { variant: { "default": "_1a1ozfd1-3-11-2", rounded: "_1a1ozfd2-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var skeletonSvgBackgroundFillCSS = "_1a1ozfd5-3-11-2";
+var skeletonSvgCSS = "_1a1ozfd3-3-11-2";
+var skeletonSvgGradientCSS = "_1a1ozfd4-3-11-2";
+var skeletonSvgGradientRectCSS = "_1a1ozfd6-3-11-2";

package/content/terminology-overlay/TerminologyOverlay.css

@@ -1,4 +1,4 @@
-._1dd8zuz0-3-11-1 {
+._1dd8zuz0-3-11-2 {
   border: none;
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   padding: var(--dt-spacings-size-0, 0);
@@ -16,13 +16,13 @@
   text-decoration-color: var(--dt-colors-border-neutral-accent, #595a7d);
   transition: background-color var(--dt-animations-hover-duration-base, 150ms) var(--dt-animations-hover-easing, cubic-bezier(0, 0, 0.2, 1));
 }
-._1dd8zuz0-3-11-1:hover {
+._1dd8zuz0-3-11-2:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1dd8zuz0-3-11-1:active {
+._1dd8zuz0-3-11-2:active {
   background: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
 }
-._1dd8zuz0-3-11-1:not(.strato-focus-visible) {
+._1dd8zuz0-3-11-2:not(.strato-focus-visible) {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
   background-color: var(--dt-colors-background-field-neutral-default, #e4e5eb00);
 }

package/content/terminology-overlay/TerminologyOverlay.sty.js

@@ -21,4 +21,4 @@ __export(TerminologyOverlay_css_exports, {
 });
 module.exports = __toCommonJS(TerminologyOverlay_css_exports);
 var import_TerminologyOverlay_css_ts_vanilla = require("./TerminologyOverlay.css");
-var trigger = "_1dd8zuz0-3-11-1";
+var trigger = "_1dd8zuz0-3-11-2";

package/core/components/app-root/AppRoot.css

@@ -118,7 +118,7 @@
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   font-family: Roboto Mono;
 }
-:root[data-theme="light"]._1jgl8s50-3-11-1 {
+:root[data-theme="light"]._1jgl8s50-3-11-2 {
   --dt-box-shadows-surface-flat-rest: var(--_vr-10);
   --dt-box-shadows-surface-flat-hover: var(--_vr-20);
   --dt-box-shadows-surface-flat-active: var(--_vr-10);
@@ -454,7 +454,7 @@
   --_vr-40: var(--_vr-shadow-1), var(--_vr-shadow-2-40), var(--_vr-shadow-0);
   --_vr-50: var(--_vr-shadow-1), var(--_vr-shadow-2-50), var(--_vr-shadow-0);
 }
-:root[data-theme="dark"]._1jgl8s50-3-11-1 {
+:root[data-theme="dark"]._1jgl8s50-3-11-2 {
   --dt-box-shadows-surface-flat-hover: var(--_vr-shadow-0), var(--_vr-shadow-1), 0 4px 14px -2px color-mix(in srgb, var(--dt-colors-box-shadow-default) 80%, transparent);
   --dt-box-shadows-surface-flat-active: var(--_vr-10);
   --dt-box-shadows-surface-flat-drag: var(--_vr-shadow-0), var(--_vr-shadow-1), 0 13px 17px -2px color-mix(in srgb, var(--dt-colors-box-shadow-default) 80%, transparent);

package/core/components/app-root/AppRoot.sty.js

@@ -21,4 +21,4 @@ __export(AppRoot_css_exports, {
 });
 module.exports = __toCommonJS(AppRoot_css_exports);
 var import_AppRoot_css_ts_vanilla = require("./AppRoot.css");
-var dtVisualRefreshEnabled = "_1jgl8s50-3-11-1";
+var dtVisualRefreshEnabled = "_1jgl8s50-3-11-2";

package/core/components/visually-hidden/VisuallyHidden.css

@@ -1,4 +1,4 @@
-._1xz8nhz0-3-11-1 {
+._1xz8nhz0-3-11-2 {
   width: 0;
   height: 0;
   opacity: 0;

package/core/components/visually-hidden/VisuallyHidden.sty.js

@@ -21,4 +21,4 @@ __export(VisuallyHidden_css_exports, {
 });
 module.exports = __toCommonJS(VisuallyHidden_css_exports);
 var import_VisuallyHidden_css_ts_vanilla = require("./VisuallyHidden.css");
-var visuallyHidden = "_1xz8nhz0-3-11-1";
+var visuallyHidden = "_1xz8nhz0-3-11-2";

package/core/sdk/sdk-logger.js

@@ -40,7 +40,7 @@ const LOGGER_FACTORY = /* @__PURE__ */ (() => {
         context: {
           id: "@dynatrace/strato-design-system",
           // @ts-expect-error Global variable injected at package build time
-          version: "3.11.1"
+          version: "3.11.2"
         }
       });
     } else if (supportsLoggerV1()) {
@@ -48,7 +48,7 @@ const LOGGER_FACTORY = /* @__PURE__ */ (() => {
         context: {
           id: "@dynatrace/strato-design-system",
           // @ts-expect-error Global variable injected at package build time
-          version: "3.11.1"
+          version: "3.11.2"
         }
       });
     }

package/core/styles/defaultChartValues.css

@@ -1,4 +1,4 @@
-._1rtjj3o0-3-11-1 {
+._1rtjj3o0-3-11-2 {
   line-height: normal;
   width: inherit;
 }

package/core/styles/defaultChartValues.sty.js

@@ -21,4 +21,4 @@ __export(defaultChartValues_css_exports, {
 });
 module.exports = __toCommonJS(defaultChartValues_css_exports);
 var import_defaultChartValues_css_ts_vanilla = require("./defaultChartValues.css");
-var defaultChartSize = "_1rtjj3o0-3-11-1";
+var defaultChartSize = "_1rtjj3o0-3-11-2";

package/core/styles/focusRing.css

@@ -1,75 +1,75 @@
-._z2r50s3-3-11-1 {
+._z2r50s3-3-11-2 {
   outline: none;
 }
-._z2r50s3-3-11-1:focus-visible {
+._z2r50s3-3-11-2:focus-visible {
   outline: none;
 }
-._z2r50s4-3-11-1 {
+._z2r50s4-3-11-2 {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
-  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-11-1);
-  background-color: var(--_z2r50s2-3-11-1);
-}
-._z2r50s5-3-11-1._z2r50s5-3-11-1 {
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-11-1), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-11-1);
-}
-._z2r50s6-3-11-1 {
-  --_z2r50s0-3-11-1: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z2r50s1-3-11-1: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_z2r50s2-3-11-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-}
-._z2r50s7-3-11-1 {
-  --_z2r50s0-3-11-1: var(--dt-colors-border-primary-accent, #464cce);
-  --_z2r50s1-3-11-1: var(--dt-colors-border-primary-default, #d5dbf6);
-  --_z2r50s2-3-11-1: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-}
-._z2r50s8-3-11-1 {
-  --_z2r50s0-3-11-1: var(--dt-colors-border-success-accent, #2d6761);
-  --_z2r50s1-3-11-1: var(--dt-colors-border-success-default, #d3dedd);
-  --_z2r50s2-3-11-1: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
-}
-._z2r50s9-3-11-1 {
-  --_z2r50s0-3-11-1: var(--dt-colors-border-warning-accent, #855400);
-  --_z2r50s1-3-11-1: var(--dt-colors-border-warning-default, #f9ebdb);
-  --_z2r50s2-3-11-1: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
-}
-._z2r50sa-3-11-1 {
-  --_z2r50s0-3-11-1: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z2r50s1-3-11-1: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_z2r50s2-3-11-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-}
-._z2r50sb-3-11-1:focus-within {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-11-2);
+  background-color: var(--_z2r50s2-3-11-2);
+}
+._z2r50s5-3-11-2._z2r50s5-3-11-2 {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-11-2), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-11-2);
+}
+._z2r50s6-3-11-2 {
+  --_z2r50s0-3-11-2: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z2r50s1-3-11-2: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_z2r50s2-3-11-2: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+}
+._z2r50s7-3-11-2 {
+  --_z2r50s0-3-11-2: var(--dt-colors-border-primary-accent, #464cce);
+  --_z2r50s1-3-11-2: var(--dt-colors-border-primary-default, #d5dbf6);
+  --_z2r50s2-3-11-2: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+}
+._z2r50s8-3-11-2 {
+  --_z2r50s0-3-11-2: var(--dt-colors-border-success-accent, #2d6761);
+  --_z2r50s1-3-11-2: var(--dt-colors-border-success-default, #d3dedd);
+  --_z2r50s2-3-11-2: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
+}
+._z2r50s9-3-11-2 {
+  --_z2r50s0-3-11-2: var(--dt-colors-border-warning-accent, #855400);
+  --_z2r50s1-3-11-2: var(--dt-colors-border-warning-default, #f9ebdb);
+  --_z2r50s2-3-11-2: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
+}
+._z2r50sa-3-11-2 {
+  --_z2r50s0-3-11-2: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z2r50s1-3-11-2: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_z2r50s2-3-11-2: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+}
+._z2r50sb-3-11-2:focus-within {
   outline: none;
 }
-._z2r50sc-3-11-1:focus-within {
+._z2r50sc-3-11-2:focus-within {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
-  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-11-1);
-  background-color: var(--_z2r50s2-3-11-1);
-}
-._z2r50sd-3-11-1:focus-within {
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-11-1), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-11-1);
-}
-._z2r50se-3-11-1 {
-  --_z2r50s0-3-11-1: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z2r50s1-3-11-1: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_z2r50s2-3-11-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-}
-._z2r50sf-3-11-1 {
-  --_z2r50s0-3-11-1: var(--dt-colors-border-primary-accent, #464cce);
-  --_z2r50s1-3-11-1: var(--dt-colors-border-primary-default, #d5dbf6);
-  --_z2r50s2-3-11-1: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-}
-._z2r50sg-3-11-1 {
-  --_z2r50s0-3-11-1: var(--dt-colors-border-success-accent, #2d6761);
-  --_z2r50s1-3-11-1: var(--dt-colors-border-success-default, #d3dedd);
-  --_z2r50s2-3-11-1: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
-}
-._z2r50sh-3-11-1 {
-  --_z2r50s0-3-11-1: var(--dt-colors-border-warning-accent, #855400);
-  --_z2r50s1-3-11-1: var(--dt-colors-border-warning-default, #f9ebdb);
-  --_z2r50s2-3-11-1: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
-}
-._z2r50si-3-11-1 {
-  --_z2r50s0-3-11-1: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z2r50s1-3-11-1: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_z2r50s2-3-11-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-11-2);
+  background-color: var(--_z2r50s2-3-11-2);
+}
+._z2r50sd-3-11-2:focus-within {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-11-2), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-11-2);
+}
+._z2r50se-3-11-2 {
+  --_z2r50s0-3-11-2: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z2r50s1-3-11-2: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_z2r50s2-3-11-2: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+}
+._z2r50sf-3-11-2 {
+  --_z2r50s0-3-11-2: var(--dt-colors-border-primary-accent, #464cce);
+  --_z2r50s1-3-11-2: var(--dt-colors-border-primary-default, #d5dbf6);
+  --_z2r50s2-3-11-2: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+}
+._z2r50sg-3-11-2 {
+  --_z2r50s0-3-11-2: var(--dt-colors-border-success-accent, #2d6761);
+  --_z2r50s1-3-11-2: var(--dt-colors-border-success-default, #d3dedd);
+  --_z2r50s2-3-11-2: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
+}
+._z2r50sh-3-11-2 {
+  --_z2r50s0-3-11-2: var(--dt-colors-border-warning-accent, #855400);
+  --_z2r50s1-3-11-2: var(--dt-colors-border-warning-default, #f9ebdb);
+  --_z2r50s2-3-11-2: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
+}
+._z2r50si-3-11-2 {
+  --_z2r50s0-3-11-2: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z2r50s1-3-11-2: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_z2r50s2-3-11-2: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
 }

package/core/styles/focusRing.sty.js

@@ -23,5 +23,5 @@ __export(focusRing_css_exports, {
 module.exports = __toCommonJS(focusRing_css_exports);
 var import_focusRing_css_ts_vanilla = require("./focusRing.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var focusRing = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_z2r50s3-3-11-1", variantClassNames: { minimal: { true: "_z2r50s4-3-11-1", false: "_z2r50s5-3-11-1" }, color: { neutral: "_z2r50s6-3-11-1", primary: "_z2r50s7-3-11-1", success: "_z2r50s8-3-11-1", warning: "_z2r50s9-3-11-1", critical: "_z2r50sa-3-11-1" } }, defaultVariants: {}, compoundVariants: [] });
-var focusRingFocusWithin = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_z2r50sb-3-11-1", variantClassNames: { minimal: { true: "_z2r50sc-3-11-1", false: "_z2r50sd-3-11-1" }, color: { neutral: "_z2r50se-3-11-1", primary: "_z2r50sf-3-11-1", success: "_z2r50sg-3-11-1", warning: "_z2r50sh-3-11-1", critical: "_z2r50si-3-11-1" } }, defaultVariants: {}, compoundVariants: [] });
+var focusRing = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_z2r50s3-3-11-2", variantClassNames: { minimal: { true: "_z2r50s4-3-11-2", false: "_z2r50s5-3-11-2" }, color: { neutral: "_z2r50s6-3-11-2", primary: "_z2r50s7-3-11-2", success: "_z2r50s8-3-11-2", warning: "_z2r50s9-3-11-2", critical: "_z2r50sa-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var focusRingFocusWithin = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_z2r50sb-3-11-2", variantClassNames: { minimal: { true: "_z2r50sc-3-11-2", false: "_z2r50sd-3-11-2" }, color: { neutral: "_z2r50se-3-11-2", primary: "_z2r50sf-3-11-2", success: "_z2r50sg-3-11-2", warning: "_z2r50sh-3-11-2", critical: "_z2r50si-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });