@dynatrace/strato-components 3.10.4 → 3.11.0

package/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.sty.js

@@ -22,4 +22,4 @@ __export(RangeLegendMarkers_css_exports, {
 module.exports = __toCommonJS(RangeLegendMarkers_css_exports);
 var import_RangeLegendMarkers_css_ts_vanilla = require("./RangeLegendMarkers.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var legendMarkersSvg = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_u32l830-3-10-4", variantClassNames: { isHorizontal: { true: "_u32l831-3-10-4", false: "_u32l832-3-10-4" } }, defaultVariants: {}, compoundVariants: [] });
+var legendMarkersSvg = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_u32l830-3-11-0", variantClassNames: { isHorizontal: { true: "_u32l831-3-11-0", false: "_u32l832-3-11-0" } }, defaultVariants: {}, compoundVariants: [] });

package/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.css

@@ -1,21 +1,21 @@
-._6z9t250-3-10-4 {
+._6z9t250-3-11-0 {
   display: block;
   border-radius: 2px;
   overflow: hidden;
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._6z9t250-3-10-4:focus {
+._6z9t250-3-11-0:focus {
   outline: none;
 }
-._6z9t251-3-10-4 {
+._6z9t251-3-11-0 {
   margin: 0 auto;
   width: 100%;
   height: 10px;
 }
-._6z9t252-3-10-4 {
+._6z9t252-3-11-0 {
   height: 100%;
   width: 10px;
 }
-._6z9t250-3-10-4 rect:focus {
+._6z9t250-3-11-0 rect:focus {
   outline: none;
 }

package/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.sty.js

@@ -22,4 +22,4 @@ __export(RangeLegendSegments_css_exports, {
 module.exports = __toCommonJS(RangeLegendSegments_css_exports);
 var import_RangeLegendSegments_css_ts_vanilla = require("./RangeLegendSegments.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var legendSvg = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_6z9t250-3-10-4", variantClassNames: { isHorizontal: { true: "_6z9t251-3-10-4", false: "_6z9t252-3-10-4" } }, defaultVariants: {}, compoundVariants: [] });
+var legendSvg = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_6z9t250-3-11-0", variantClassNames: { isHorizontal: { true: "_6z9t251-3-11-0", false: "_6z9t252-3-11-0" } }, defaultVariants: {}, compoundVariants: [] });

package/charts/core/components/loader-overlay/LoaderOverlay.css

@@ -1,4 +1,4 @@
-._bs5vaz0-3-10-4 {
+._bs5vaz0-3-11-0 {
   position: absolute;
   top: 0;
   width: 100%;
@@ -6,7 +6,7 @@
   z-index: 1;
   pointer-events: none;
 }
-._bs5vaz1-3-10-4 {
+._bs5vaz1-3-11-0 {
   position: absolute;
   top: 0;
   width: 100%;

package/charts/core/components/loader-overlay/LoaderOverlay.sty.js

@@ -22,5 +22,5 @@ __export(LoaderOverlay_css_exports, {
 });
 module.exports = __toCommonJS(LoaderOverlay_css_exports);
 var import_LoaderOverlay_css_ts_vanilla = require("./LoaderOverlay.css");
-var loaderOverlay = "_bs5vaz0-3-10-4";
-var progressCircle = "_bs5vaz1-3-10-4";
+var loaderOverlay = "_bs5vaz0-3-11-0";
+var progressCircle = "_bs5vaz1-3-11-0";

package/charts/core/components/overlay-tooltip/components/global-actions/actions.css

@@ -1,4 +1,4 @@
-@keyframes _15am2yg1-3-10-4 {
+@keyframes _15am2yg1-3-11-0 {
   from {
     opacity: 0;
     max-height: 0;
@@ -12,7 +12,7 @@
     margin-top: var(--dt-spacings-size-4, 4px);
   }
 }
-._15am2yg0-3-10-4 {
+._15am2yg0-3-11-0 {
   display: block;
   padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-8, 8px);
   width: 100%;
@@ -24,7 +24,7 @@
   line-height: var(--dt-typography-text-base-emphasized-line-height, 1.4285714286);
   border-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._15am2yg2-3-10-4 {
+._15am2yg2-3-11-0 {
   box-sizing: border-box;
   border-top: 1px solid var(--dt-colors-border-neutral-default, #dadbe4);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
@@ -36,6 +36,6 @@
   padding: 0;
   margin-top: 0;
   overflow: hidden;
-  animation: _15am2yg1-3-10-4 var(--dt-animations-expand-collapse-duration-fast, 250ms) var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;
+  animation: _15am2yg1-3-11-0 var(--dt-animations-expand-collapse-duration-fast, 250ms) var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;
   animation-delay: 1200ms;
 }

package/charts/core/components/overlay-tooltip/components/global-actions/actions.sty.js

@@ -22,5 +22,5 @@ __export(actions_css_exports, {
 });
 module.exports = __toCommonJS(actions_css_exports);
 var import_actions_css_ts_vanilla = require("./actions.css");
-var actionButton = "_15am2yg0-3-10-4";
-var actionsPlaceholderTextAnimated = "_15am2yg2-3-10-4";
+var actionButton = "_15am2yg0-3-11-0";
+var actionsPlaceholderTextAnimated = "_15am2yg2-3-11-0";

package/charts/core/components/overlay-tooltip/components/header/Header.css

@@ -1,10 +1,10 @@
-._1ldhlar2-3-10-4 {
+._1ldhlar2-3-11-0 {
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-6, 6px);
-  width: var(--_1ldhlar1-3-10-4, calc(100% - 8px));
+  width: var(--_1ldhlar1-3-11-0, calc(100% - 8px));
   height: 100%;
   display: inline-block;
 }
-._1ldhlar3-3-10-4 {
+._1ldhlar3-3-11-0 {
   font-family: var(--dt-typography-text-small-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-emphasized-size, 12px);
   line-height: var(--dt-typography-text-small-emphasized-line-height, 1.333333333);
@@ -13,15 +13,15 @@
   margin: 0;
   padding: 0;
 }
-._1ldhlar4-3-10-4 {
+._1ldhlar4-3-11-0 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: var(--_1ldhlar0-3-10-4);
+  -webkit-line-clamp: var(--_1ldhlar0-3-11-0);
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-word;
 }
-._1ldhlar5-3-10-4 {
+._1ldhlar5-3-11-0 {
   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);

package/charts/core/components/overlay-tooltip/components/header/Header.sty.js

@@ -26,9 +26,9 @@ __export(Header_css_exports, {
 });
 module.exports = __toCommonJS(Header_css_exports);
 var import_Header_css_ts_vanilla = require("./Header.css");
-var headerContainer = "_1ldhlar2-3-10-4";
-var headerSubText = "_1ldhlar5-3-10-4";
-var headerText = "_1ldhlar3-3-10-4";
-var headerTextMultiLine = "_1ldhlar4-3-10-4";
-var headerWidthVar = "var(--_1ldhlar1-3-10-4)";
-var maxLinesVar = "var(--_1ldhlar0-3-10-4)";
+var headerContainer = "_1ldhlar2-3-11-0";
+var headerSubText = "_1ldhlar5-3-11-0";
+var headerText = "_1ldhlar3-3-11-0";
+var headerTextMultiLine = "_1ldhlar4-3-11-0";
+var headerWidthVar = "var(--_1ldhlar1-3-11-0)";
+var maxLinesVar = "var(--_1ldhlar0-3-11-0)";

package/charts/core/components/overlay-tooltip/components/series/SeriesItemContent.js

@@ -38,7 +38,6 @@ var import_react = require("react");
 var import_SeriesSymbol = require("./SeriesSymbol.js");
 var import_Tooltip = require("../../../../../../overlays/tooltip/Tooltip.js");
 var import_constants = require("../../constants.js");
-var import_ExternalConfigContext = require("../../contexts/ExternalConfigContext.js");
 var import_tooltip_css = require("../../tooltip.sty.js");
 const SeriesItemContent = (0, import_react.forwardRef)((props, ref) => {
   const {
@@ -64,7 +63,6 @@ const SeriesItemContent = (0, import_react.forwardRef)((props, ref) => {
     maxWidth,
     hasChevron = false
   } = props;
-  const { symbolVerticalAlignment = "center" } = (0, import_ExternalConfigContext.useExternalConfig)();
   const isRightPosition = symbolPosition === "right";
   const hasSymbol = color !== void 0 && !(0, import_lodash_es.isEmpty)(color) || icon !== void 0 || symbol !== void 0;
   const renderNameContent = () => {
@@ -131,7 +129,7 @@ const SeriesItemContent = (0, import_react.forwardRef)((props, ref) => {
           {
             style: {
               gridArea: "symbol",
-              alignSelf: multiLine ? "start" : symbolVerticalAlignment
+              alignSelf: "start"
             },
             children: hasSymbol ? renderSymbol() : null
           }

package/charts/core/components/overlay-tooltip/components/series/seriesSymbol.css

@@ -1,4 +1,4 @@
-._1ydozsr0-3-10-4 {
+._1ydozsr0-3-11-0 {
   height: var(--dt-spacings-size-16, 16px);
   width: var(--dt-spacings-size-16, 16px);
   font-size: var(--dt-spacings-size-16, 16px);
@@ -10,7 +10,7 @@
   justify-content: center;
   flex-shrink: 0;
 }
-._1ydozsr1-3-10-4 {
+._1ydozsr1-3-11-0 {
   height: var(--dt-spacings-size-24, 24px);
   width: var(--dt-spacings-size-24, 24px);
   font-size: var(--dt-spacings-size-24, 24px);

package/charts/core/components/overlay-tooltip/components/series/seriesSymbol.sty.js

@@ -22,5 +22,5 @@ __export(seriesSymbol_css_exports, {
 });
 module.exports = __toCommonJS(seriesSymbol_css_exports);
 var import_seriesSymbol_css_ts_vanilla = require("./seriesSymbol.css");
-var customSymbol = "_1ydozsr0-3-10-4";
-var customSymbolLarge = "_1ydozsr1-3-10-4 _1ydozsr0-3-10-4";
+var customSymbol = "_1ydozsr0-3-11-0";
+var customSymbolLarge = "_1ydozsr1-3-11-0 _1ydozsr0-3-11-0";

package/charts/core/components/overlay-tooltip/tooltip.css

@@ -1,4 +1,4 @@
-._1j1seex4-3-10-4 {
+._1j1seex4-3-11-0 {
   box-sizing: border-box;
   padding: var(--dt-spacings-size-4, 4px);
   border-radius: var(--dt-borders-radius-surface-subdued, 9px);
@@ -12,31 +12,31 @@
   min-width: 200px;
   max-width: 480px;
 }
-._1j1seex4-3-10-4[data-placement="right"] {
+._1j1seex4-3-11-0[data-placement="right"] {
   transform-origin: 0 calc(1rem + 18px);
 }
-._1j1seex4-3-10-4[data-placement="left"] {
+._1j1seex4-3-11-0[data-placement="left"] {
   transform-origin: 100% calc(1rem + 18px);
 }
-._1j1seex5-3-10-4 {
+._1j1seex5-3-11-0 {
   pointer-events: all;
 }
-._1j1seex5-3-10-4[data-popper-reference-hidden=true] {
+._1j1seex5-3-11-0[data-popper-reference-hidden=true] {
   visibility: hidden;
   pointer-events: none;
 }
-._1j1seex5-3-10-4:not([data-popper-placement]) {
+._1j1seex5-3-11-0:not([data-popper-placement]) {
   visibility: hidden;
   pointer-events: none;
 }
-._1j1seex6-3-10-4 {
+._1j1seex6-3-11-0 {
   pointer-events: none;
   user-select: none;
 }
-._1j1seex6-3-10-4:not([data-popper-placement]) {
+._1j1seex6-3-11-0:not([data-popper-placement]) {
   visibility: hidden;
 }
-._1j1seex7-3-10-4 {
+._1j1seex7-3-11-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-family: var(--dt-typography-text-small-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-emphasized-size, 12px);
@@ -49,38 +49,38 @@
   box-sizing: border-box;
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-6, 6px);
 }
-._1j1seex8-3-10-4 {
+._1j1seex8-3-11-0 {
   min-width: 0;
 }
-._1j1seex9-3-10-4 {
+._1j1seex9-3-11-0 {
   min-width: 0;
   text-align: right;
 }
-._1j1seexa-3-10-4 {
+._1j1seexa-3-11-0 {
   min-height: 24px;
   max-height: 240px;
   overflow-y: auto;
   overflow-x: hidden;
 }
-._1j1seexb-3-10-4 {
+._1j1seexb-3-11-0 {
   width: 100%;
 }
-._1j1seexc-3-10-4 {
+._1j1seexc-3-11-0 {
   max-height: 240px;
   overflow-y: auto;
   overflow-x: hidden;
 }
-._1j1seexd-3-10-4 {
+._1j1seexd-3-11-0 {
   display: grid;
   width: 100%;
   position: relative;
   gap: 2px 16px;
 }
-._1j1seexe-3-10-4 {
+._1j1seexe-3-11-0 {
   width: 100%;
   position: relative;
 }
-._1j1seexf-3-10-4 {
+._1j1seexf-3-11-0 {
   display: grid;
   align-items: flex-start;
   box-sizing: border-box;
@@ -92,20 +92,20 @@
   width: 100%;
   min-width: fit-content;
 }
-._1j1seexg-3-10-4 {
+._1j1seexg-3-11-0 {
   grid-template-areas: "symbol name value";
-  grid-template-columns: var(--_1j1seex3-3-10-4) 1fr auto;
+  grid-template-columns: var(--_1j1seex3-3-11-0) 1fr auto;
   padding-right: var(--dt-spacings-size-6, 6px);
 }
-._1j1seexh-3-10-4 {
+._1j1seexh-3-11-0 {
   grid-template-areas: "name value symbol";
-  grid-template-columns: 1fr auto var(--_1j1seex3-3-10-4);
+  grid-template-columns: 1fr auto var(--_1j1seex3-3-11-0);
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._1j1seexi-3-10-4 {
+._1j1seexi-3-11-0 {
   padding-right: var(--dt-spacings-size-0, 0);
 }
-._1j1seexj-3-10-4 {
+._1j1seexj-3-11-0 {
   all: unset;
   display: block;
   width: 100%;
@@ -116,12 +116,12 @@
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
   cursor: pointer;
 }
-._1j1seexk-3-10-4 {
+._1j1seexk-3-11-0 {
   display: flex;
   align-items: flex-start;
   width: 100%;
 }
-._1j1seexl-3-10-4 {
+._1j1seexl-3-11-0 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -134,38 +134,38 @@
   color: currentColor;
   align-self: flex-start;
 }
-._1j1seexm-3-10-4 {
+._1j1seexm-3-11-0 {
   margin-left: calc(var(--dt-spacings-size-2, 2px) - var(--dt-spacings-size-6, 6px));
 }
-._1j1seexn-3-10-4 {
+._1j1seexn-3-11-0 {
   border-radius: var(--dt-borders-radius-container-subdued, 6px);
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1j1seexo-3-10-4 {
+._1j1seexo-3-11-0 {
   padding-top: var(--dt-spacings-size-4, 4px);
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1j1seexp-3-10-4 {
+._1j1seexp-3-11-0 {
   display: -webkit-box;
-  -webkit-line-clamp: var(--_1j1seex0-3-10-4);
+  -webkit-line-clamp: var(--_1j1seex0-3-11-0);
   -webkit-box-orient: vertical;
   overflow: hidden;
   word-break: break-word;
 }
-._1j1seexq-3-10-4 {
+._1j1seexq-3-11-0 {
   display: block;
   white-space: normal;
   overflow-wrap: anywhere;
   word-break: break-word;
   overflow: hidden;
-  max-height: calc(var(--dt-typography-text-small-default-line-height, 1.333333333) * var(--_1j1seex0-3-10-4));
+  max-height: calc(var(--dt-typography-text-small-default-line-height, 1.333333333) * var(--_1j1seex0-3-11-0));
 }
-._1j1seexr-3-10-4 {
+._1j1seexr-3-11-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._1j1seexs-3-10-4 {
+._1j1seexs-3-11-0 {
   height: var(--dt-spacings-size-24, 24px);
   line-height: var(--dt-spacings-size-24, 24px);
   width: var(--dt-spacings-size-24, 24px);
@@ -174,14 +174,14 @@
   min-width: var(--dt-spacings-size-24, 24px);
   align-items: center;
 }
-._1j1seext-3-10-4 {
+._1j1seext-3-11-0 {
   margin-right: -6px;
 }
-._1j1seexs-3-10-4 > span {
+._1j1seexs-3-11-0 > span {
   margin-top: 0;
   margin-bottom: 0;
 }
-._1j1seexu-3-10-4 {
+._1j1seexu-3-11-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   font-family: var(--dt-typography-text-small-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-emphasized-size, 12px);
@@ -190,25 +190,25 @@
   box-sizing: border-box;
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-6, 6px);
 }
-._1j1seexv-3-10-4 {
+._1j1seexv-3-11-0 {
   min-width: 0;
   flex: 1;
 }
-._1j1seexw-3-10-4 {
+._1j1seexw-3-11-0 {
   flex-shrink: 0;
   text-align: right;
 }
-._1j1seexx-3-10-4 {
+._1j1seexx-3-11-0 {
   display: flex;
   align-items: flex-start;
   min-width: 0;
 }
-._1j1seexy-3-10-4 {
+._1j1seexy-3-11-0 {
   display: flex;
   justify-content: flex-end;
   align-items: center;
 }
-._1j1seexz-3-10-4 {
+._1j1seexz-3-11-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -219,19 +219,19 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._1j1seex10-3-10-4 {
+._1j1seex10-3-11-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   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);
   display: -webkit-box;
-  -webkit-line-clamp: var(--_1j1seex0-3-10-4);
+  -webkit-line-clamp: var(--_1j1seex0-3-11-0);
   -webkit-box-orient: vertical;
   overflow: hidden;
   word-break: break-word;
   white-space: normal;
 }
-._1j1seex11-3-10-4 {
+._1j1seex11-3-11-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -241,9 +241,9 @@
   overflow-wrap: anywhere;
   word-break: break-word;
   overflow: hidden;
-  max-height: calc(var(--dt-typography-text-small-default-line-height, 1.333333333) * var(--_1j1seex0-3-10-4));
+  max-height: calc(var(--dt-typography-text-small-default-line-height, 1.333333333) * var(--_1j1seex0-3-11-0));
 }
-._1j1seex12-3-10-4 {
+._1j1seex12-3-11-0 {
   display: flex;
   flex-direction: column;
   list-style: none;
@@ -251,15 +251,15 @@
   margin-block: var(--dt-spacings-size-0, 0);
   padding-block: var(--dt-spacings-size-4, 4px);
 }
-._1j1seex13-3-10-4 {
+._1j1seex13-3-11-0 {
   margin-top: var(--dt-spacings-size-4, 4px);
   margin-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1j1seex14-3-10-4 {
+._1j1seex14-3-11-0 {
   margin-left: -6px;
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._1j1seex15-3-10-4 {
+._1j1seex15-3-11-0 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-small-default-weight, 400);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -269,19 +269,19 @@
   max-width: 480px;
   box-sizing: border-box;
 }
-._1j1seex16-3-10-4 {
+._1j1seex16-3-11-0 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: var(--_1j1seex2-3-10-4);
+  -webkit-line-clamp: var(--_1j1seex2-3-11-0);
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-word;
 }
-._1j1seex17-3-10-4 {
+._1j1seex17-3-11-0 {
   display: flex;
   flex-direction: column;
 }
-._1j1seex4-3-10-4:not(:has(._1j1seex17-3-10-4:hover)) ._1j1seex18-3-10-4 {
+._1j1seex4-3-11-0:not(:has(._1j1seex17-3-11-0:hover)) ._1j1seex18-3-11-0 {
   border-radius: var(--dt-borders-radius-container-subdued, 6px);
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }

package/charts/core/components/overlay-tooltip/tooltip.sty.js

@@ -64,42 +64,42 @@ var import_tooltip_css_ts_vanilla = require("./tooltip.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var TOOLTIP_BODY_MAX_HEIGHT = 240;
 var TOOLTIP_MAX_WIDTH = 480;
-var actionsContainer = "_1j1seex17-3-10-4";
-var annotationsGroupsScrollContainer = "_1j1seexc-3-10-4";
-var chevron = "_1j1seexl-3-10-4";
-var chevronRightAligned = "_1j1seexm-3-10-4";
-var divider = "_1j1seex13-3-10-4";
-var headerText = "_1j1seexu-3-10-4";
-var multiLineName = "_1j1seex12-3-10-4";
-var relativeValueStyle = "_1j1seexr-3-10-4";
-var seriesActionHeader = "_1j1seex15-3-10-4";
-var seriesActionHeaderMaxLinesVar = "var(--_1j1seex2-3-10-4)";
-var seriesActionHeaderMultiLine = "_1j1seex16-3-10-4";
-var seriesDescriptionText = "_1j1seexz-3-10-4";
-var seriesDescriptionTextMultiLine = "_1j1seex10-3-10-4";
-var seriesDescriptionTextMultiLineWrap = "_1j1seex11-3-10-4";
-var seriesGridContainer = "_1j1seexb-3-10-4";
-var seriesHeader = "_1j1seex7-3-10-4";
-var seriesHeaderName = "_1j1seex8-3-10-4";
-var seriesHeaderValue = "_1j1seex9-3-10-4";
-var seriesItem = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1j1seexf-3-10-4", variantClassNames: { symbolPosition: { left: "_1j1seexg-3-10-4", right: "_1j1seexh-3-10-4" }, hasChevron: { true: "_1j1seexi-3-10-4" } }, defaultVariants: { symbolPosition: "left", hasChevron: false }, compoundVariants: [] });
-var seriesItemActive = "_1j1seexn-3-10-4";
-var seriesItemHighlighted = "_1j1seex18-3-10-4";
-var seriesItemMaxWidthVar = "var(--_1j1seex1-3-10-4)";
-var seriesItemText = "_1j1seexo-3-10-4";
-var seriesItemWithChevron = "_1j1seexk-3-10-4";
-var seriesItemWrapper = "_1j1seexj-3-10-4";
-var seriesNameCell = "_1j1seexx-3-10-4";
-var seriesNameMaxLinesVar = "var(--_1j1seex0-3-10-4)";
-var seriesNameText = "_1j1seexv-3-10-4";
-var seriesNameTextMultiLine = "_1j1seexp-3-10-4";
-var seriesNameTextMultiLineWrap = "_1j1seexq-3-10-4";
-var seriesOverflowContainer = "_1j1seexe-3-10-4";
-var seriesOverflowContainerBase = "_1j1seexd-3-10-4";
-var seriesValueCell = "_1j1seexy-3-10-4";
-var seriesValueText = "_1j1seexw-3-10-4";
-var seriesWrapper = "_1j1seexa-3-10-4";
-var spaceSavedForSymbolVar = "var(--_1j1seex3-3-10-4)";
-var symbolRight = "_1j1seex14-3-10-4";
-var symbolWrapper = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1j1seexs-3-10-4", variantClassNames: { isRight: { true: "_1j1seext-3-10-4" } }, defaultVariants: {}, compoundVariants: [] });
-var wrapper = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1j1seex4-3-10-4", variantClassNames: { isInteractive: { true: "_1j1seex5-3-10-4", false: "_1j1seex6-3-10-4" } }, defaultVariants: {}, compoundVariants: [] });
+var actionsContainer = "_1j1seex17-3-11-0";
+var annotationsGroupsScrollContainer = "_1j1seexc-3-11-0";
+var chevron = "_1j1seexl-3-11-0";
+var chevronRightAligned = "_1j1seexm-3-11-0";
+var divider = "_1j1seex13-3-11-0";
+var headerText = "_1j1seexu-3-11-0";
+var multiLineName = "_1j1seex12-3-11-0";
+var relativeValueStyle = "_1j1seexr-3-11-0";
+var seriesActionHeader = "_1j1seex15-3-11-0";
+var seriesActionHeaderMaxLinesVar = "var(--_1j1seex2-3-11-0)";
+var seriesActionHeaderMultiLine = "_1j1seex16-3-11-0";
+var seriesDescriptionText = "_1j1seexz-3-11-0";
+var seriesDescriptionTextMultiLine = "_1j1seex10-3-11-0";
+var seriesDescriptionTextMultiLineWrap = "_1j1seex11-3-11-0";
+var seriesGridContainer = "_1j1seexb-3-11-0";
+var seriesHeader = "_1j1seex7-3-11-0";
+var seriesHeaderName = "_1j1seex8-3-11-0";
+var seriesHeaderValue = "_1j1seex9-3-11-0";
+var seriesItem = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1j1seexf-3-11-0", variantClassNames: { symbolPosition: { left: "_1j1seexg-3-11-0", right: "_1j1seexh-3-11-0" }, hasChevron: { true: "_1j1seexi-3-11-0" } }, defaultVariants: { symbolPosition: "left", hasChevron: false }, compoundVariants: [] });
+var seriesItemActive = "_1j1seexn-3-11-0";
+var seriesItemHighlighted = "_1j1seex18-3-11-0";
+var seriesItemMaxWidthVar = "var(--_1j1seex1-3-11-0)";
+var seriesItemText = "_1j1seexo-3-11-0";
+var seriesItemWithChevron = "_1j1seexk-3-11-0";
+var seriesItemWrapper = "_1j1seexj-3-11-0";
+var seriesNameCell = "_1j1seexx-3-11-0";
+var seriesNameMaxLinesVar = "var(--_1j1seex0-3-11-0)";
+var seriesNameText = "_1j1seexv-3-11-0";
+var seriesNameTextMultiLine = "_1j1seexp-3-11-0";
+var seriesNameTextMultiLineWrap = "_1j1seexq-3-11-0";
+var seriesOverflowContainer = "_1j1seexe-3-11-0";
+var seriesOverflowContainerBase = "_1j1seexd-3-11-0";
+var seriesValueCell = "_1j1seexy-3-11-0";
+var seriesValueText = "_1j1seexw-3-11-0";
+var seriesWrapper = "_1j1seexa-3-11-0";
+var spaceSavedForSymbolVar = "var(--_1j1seex3-3-11-0)";
+var symbolRight = "_1j1seex14-3-11-0";
+var symbolWrapper = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1j1seexs-3-11-0", variantClassNames: { isRight: { true: "_1j1seext-3-11-0" } }, defaultVariants: {}, compoundVariants: [] });
+var wrapper = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1j1seex4-3-11-0", variantClassNames: { isInteractive: { true: "_1j1seex5-3-11-0", false: "_1j1seex6-3-11-0" } }, defaultVariants: {}, compoundVariants: [] });

package/charts/core/components/overlay-tooltip/types.d.ts

@@ -127,7 +127,6 @@ export type ExternalConfig = {
     seriesHeader: JSX.Element | null;
     displayHeaderDivider: boolean;
     symbolPosition: 'left' | 'right' | undefined;
-    symbolVerticalAlignment?: 'center' | 'start';
     truncationMode: TruncationMode;
     defaultActionsConfig: DefaultConfig['defaultActionsConfig'];
     variant: 'shared' | 'single';

package/charts/core/components/overlays/ChartOverlaysBorder.css

@@ -1,4 +1,4 @@
-._sw8x1w0-3-10-4 {
+._sw8x1w0-3-11-0 {
   position: absolute;
   top: -0.5px;
   left: -0.5px;
@@ -10,18 +10,18 @@
   border-bottom: none;
   box-sizing: border-box;
 }
-._sw8x1w1-3-10-4 {
+._sw8x1w1-3-11-0 {
   border-left: 1px solid var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._sw8x1w2-3-10-4 {
+._sw8x1w2-3-11-0 {
   border-right: 1px solid var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._sw8x1w3-3-10-4 {
+._sw8x1w3-3-11-0 {
   border-bottom: 1px solid var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._sw8x1w4-3-10-4 {
+._sw8x1w4-3-11-0 {
   border-top: 1px solid var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._sw8x1w5-3-10-4 {
+._sw8x1w5-3-11-0 {
   border-top: 1px solid var(--dt-colors-border-neutral-default, #dadbe4);
 }