@dynatrace/strato-components 3.11.3 → 3.12.0

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

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

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/tooltip.css.ts"],
-  "sourcesContent": ["import './tooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var TOOLTIP_BODY_MAX_HEIGHT = 240;\nexport var TOOLTIP_MAX_WIDTH = 480;\nexport var actionsContainer = '_1j1seex17-3-11-3';\nexport var annotationsGroupsScrollContainer = '_1j1seexc-3-11-3';\nexport var chevron = '_1j1seexl-3-11-3';\nexport var chevronRightAligned = '_1j1seexm-3-11-3';\nexport var divider = '_1j1seex13-3-11-3';\nexport var headerText = '_1j1seexu-3-11-3';\nexport var multiLineName = '_1j1seex12-3-11-3';\nexport var relativeValueStyle = '_1j1seexr-3-11-3';\nexport var seriesActionHeader = '_1j1seex15-3-11-3';\nexport var seriesActionHeaderMaxLinesVar = 'var(--_1j1seex2-3-11-3)';\nexport var seriesActionHeaderMultiLine = '_1j1seex16-3-11-3';\nexport var seriesDescriptionText = '_1j1seexz-3-11-3';\nexport var seriesDescriptionTextMultiLine = '_1j1seex10-3-11-3';\nexport var seriesDescriptionTextMultiLineWrap = '_1j1seex11-3-11-3';\nexport var seriesGridContainer = '_1j1seexb-3-11-3';\nexport var seriesHeader = '_1j1seex7-3-11-3';\nexport var seriesHeaderName = '_1j1seex8-3-11-3';\nexport var seriesHeaderValue = '_1j1seex9-3-11-3';\nexport var seriesItem = _7a468({defaultClassName:'_1j1seexf-3-11-3',variantClassNames:{symbolPosition:{left:'_1j1seexg-3-11-3',right:'_1j1seexh-3-11-3'},hasChevron:{true:'_1j1seexi-3-11-3'}},defaultVariants:{symbolPosition:'left',hasChevron:false},compoundVariants:[]});\nexport var seriesItemActive = '_1j1seexn-3-11-3';\nexport var seriesItemHighlighted = '_1j1seex18-3-11-3';\nexport var seriesItemMaxWidthVar = 'var(--_1j1seex1-3-11-3)';\nexport var seriesItemText = '_1j1seexo-3-11-3';\nexport var seriesItemWithChevron = '_1j1seexk-3-11-3';\nexport var seriesItemWrapper = '_1j1seexj-3-11-3';\nexport var seriesNameCell = '_1j1seexx-3-11-3';\nexport var seriesNameMaxLinesVar = 'var(--_1j1seex0-3-11-3)';\nexport var seriesNameText = '_1j1seexv-3-11-3';\nexport var seriesNameTextMultiLine = '_1j1seexp-3-11-3';\nexport var seriesNameTextMultiLineWrap = '_1j1seexq-3-11-3';\nexport var seriesOverflowContainer = '_1j1seexe-3-11-3';\nexport var seriesOverflowContainerBase = '_1j1seexd-3-11-3';\nexport var seriesValueCell = '_1j1seexy-3-11-3';\nexport var seriesValueText = '_1j1seexw-3-11-3';\nexport var seriesWrapper = '_1j1seexa-3-11-3';\nexport var spaceSavedForSymbolVar = 'var(--_1j1seex3-3-11-3)';\nexport var symbolRight = '_1j1seex14-3-11-3';\nexport var symbolWrapper = _7a468({defaultClassName:'_1j1seexs-3-11-3',variantClassNames:{isRight:{true:'_1j1seext-3-11-3'}},defaultVariants:{},compoundVariants:[]});\nexport var wrapper = _7a468({defaultClassName:'_1j1seex4-3-11-3',variantClassNames:{isInteractive:{true:'_1j1seex5-3-11-3',false:'_1j1seex6-3-11-3'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './tooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var TOOLTIP_BODY_MAX_HEIGHT = 240;\nexport var TOOLTIP_MAX_WIDTH = 480;\nexport var actionsContainer = '_1j1seex17-3-12-0';\nexport var annotationsGroupsScrollContainer = '_1j1seexc-3-12-0';\nexport var chevron = '_1j1seexl-3-12-0';\nexport var chevronRightAligned = '_1j1seexm-3-12-0';\nexport var divider = '_1j1seex13-3-12-0';\nexport var headerText = '_1j1seexu-3-12-0';\nexport var multiLineName = '_1j1seex12-3-12-0';\nexport var relativeValueStyle = '_1j1seexr-3-12-0';\nexport var seriesActionHeader = '_1j1seex15-3-12-0';\nexport var seriesActionHeaderMaxLinesVar = 'var(--_1j1seex2-3-12-0)';\nexport var seriesActionHeaderMultiLine = '_1j1seex16-3-12-0';\nexport var seriesDescriptionText = '_1j1seexz-3-12-0';\nexport var seriesDescriptionTextMultiLine = '_1j1seex10-3-12-0';\nexport var seriesDescriptionTextMultiLineWrap = '_1j1seex11-3-12-0';\nexport var seriesGridContainer = '_1j1seexb-3-12-0';\nexport var seriesHeader = '_1j1seex7-3-12-0';\nexport var seriesHeaderName = '_1j1seex8-3-12-0';\nexport var seriesHeaderValue = '_1j1seex9-3-12-0';\nexport var seriesItem = _7a468({defaultClassName:'_1j1seexf-3-12-0',variantClassNames:{symbolPosition:{left:'_1j1seexg-3-12-0',right:'_1j1seexh-3-12-0'},hasChevron:{true:'_1j1seexi-3-12-0'}},defaultVariants:{symbolPosition:'left',hasChevron:false},compoundVariants:[]});\nexport var seriesItemActive = '_1j1seexn-3-12-0';\nexport var seriesItemHighlighted = '_1j1seex18-3-12-0';\nexport var seriesItemMaxWidthVar = 'var(--_1j1seex1-3-12-0)';\nexport var seriesItemText = '_1j1seexo-3-12-0';\nexport var seriesItemWithChevron = '_1j1seexk-3-12-0';\nexport var seriesItemWrapper = '_1j1seexj-3-12-0';\nexport var seriesNameCell = '_1j1seexx-3-12-0';\nexport var seriesNameMaxLinesVar = 'var(--_1j1seex0-3-12-0)';\nexport var seriesNameText = '_1j1seexv-3-12-0';\nexport var seriesNameTextMultiLine = '_1j1seexp-3-12-0';\nexport var seriesNameTextMultiLineWrap = '_1j1seexq-3-12-0';\nexport var seriesOverflowContainer = '_1j1seexe-3-12-0';\nexport var seriesOverflowContainerBase = '_1j1seexd-3-12-0';\nexport var seriesValueCell = '_1j1seexy-3-12-0';\nexport var seriesValueText = '_1j1seexw-3-12-0';\nexport var seriesWrapper = '_1j1seexa-3-12-0';\nexport var spaceSavedForSymbolVar = 'var(--_1j1seex3-3-12-0)';\nexport var symbolRight = '_1j1seex14-3-12-0';\nexport var symbolWrapper = _7a468({defaultClassName:'_1j1seexs-3-12-0',variantClassNames:{isRight:{true:'_1j1seext-3-12-0'}},defaultVariants:{},compoundVariants:[]});\nexport var wrapper = _7a468({defaultClassName:'_1j1seex4-3-12-0',variantClassNames:{isInteractive:{true:'_1j1seex5-3-12-0',false:'_1j1seex6-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,0BAA0B;AAC9B,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;AACvB,IAAI,mCAAmC;AACvC,IAAI,UAAU;AACd,IAAI,sBAAsB;AAC1B,IAAI,UAAU;AACd,IAAI,aAAa;AACjB,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;AACzB,IAAI,qBAAqB;AACzB,IAAI,gCAAgC;AACpC,IAAI,8BAA8B;AAClC,IAAI,wBAAwB;AAC5B,IAAI,iCAAiC;AACrC,IAAI,qCAAqC;AACzC,IAAI,sBAAsB;AAC1B,IAAI,eAAe;AACnB,IAAI,mBAAmB;AACvB,IAAI,oBAAoB;AACxB,IAAI,aAAa,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,gBAAe,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,YAAW,EAAC,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,gBAAe,QAAO,YAAW,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACrQ,IAAI,mBAAmB;AACvB,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,0BAA0B;AAC9B,IAAI,8BAA8B;AAClC,IAAI,0BAA0B;AAC9B,IAAI,8BAA8B;AAClC,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,yBAAyB;AAC7B,IAAI,cAAc;AAClB,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7J,IAAI,UAAU,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,eAAc,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/usePinCoordinationActions.js

@@ -0,0 +1,22 @@
+import { useCallback } from "react";
+import { usePinCoordination } from "./contexts/PinCoordinationContext.js";
+const usePinCoordinationActions = () => {
+  const coordination = usePinCoordination();
+  const dismissAnnotation = useCallback(() => {
+    coordination.setState((prev) => ({
+      ...prev,
+      dismissAnnotationAt: prev.dismissAnnotationAt + 1
+    }));
+  }, [coordination]);
+  const dismissChartTooltip = useCallback(() => {
+    coordination.setState((prev) => ({
+      ...prev,
+      dismissChartAt: prev.dismissChartAt + 1
+    }));
+  }, [coordination]);
+  return { dismissAnnotation, dismissChartTooltip };
+};
+export {
+  usePinCoordinationActions
+};
+//# sourceMappingURL=usePinCoordinationActions.js.map

package/esm/charts/core/components/overlay-tooltip/usePinCoordinationActions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/usePinCoordinationActions.ts"],
+  "sourcesContent": ["import { useCallback } from 'react';\n\nimport { usePinCoordination } from './contexts/PinCoordinationContext.js';\n\n/**\n * Actions for signaling pin ownership across the chart tooltip / annotations\n * tooltip boundary. `dismissAnnotation` is called by the chart side when it\n * takes the pin; `dismissChartTooltip` is called by the annotations side when\n * it takes the pin.\n *\n * @internal\n */\nexport const usePinCoordinationActions = () => {\n  const coordination = usePinCoordination();\n\n  const dismissAnnotation = useCallback(() => {\n    coordination.setState((prev) => ({\n      ...prev,\n      dismissAnnotationAt: prev.dismissAnnotationAt + 1,\n    }));\n  }, [coordination]);\n\n  const dismissChartTooltip = useCallback(() => {\n    coordination.setState((prev) => ({\n      ...prev,\n      dismissChartAt: prev.dismissChartAt + 1,\n    }));\n  }, [coordination]);\n\n  return { dismissAnnotation, dismissChartTooltip };\n};\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,0BAA0B;AAU5B,MAAM,4BAA4B,MAAM;AAC7C,QAAM,eAAe,mBAAmB;AAExC,QAAM,oBAAoB,YAAY,MAAM;AAC1C,iBAAa,SAAS,CAAC,UAAU;AAAA,MAC/B,GAAG;AAAA,MACH,qBAAqB,KAAK,sBAAsB;AAAA,IAClD,EAAE;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,sBAAsB,YAAY,MAAM;AAC5C,iBAAa,SAAS,CAAC,UAAU;AAAA,MAC/B,GAAG;AAAA,MACH,gBAAgB,KAAK,iBAAiB;AAAA,IACxC,EAAE;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,SAAO,EAAE,mBAAmB,oBAAoB;AAClD;",
+  "names": []
+}

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

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

package/esm/charts/core/components/overlays/ChartOverlaysBorder.sty.js

@@ -1,10 +1,10 @@
 import "./ChartOverlaysBorder.css";
-var chartOverlaysBorder = "_sw8x1w0-3-11-3";
-var chartOverlaysBorder__rightAxis = "_sw8x1w2-3-11-3";
-var chartOverlaysBorder__topAxis = "_sw8x1w4-3-11-3";
-var chartOverlaysBorder__topSeparator = "_sw8x1w5-3-11-3";
-var chartOverlaysBorder__xAxis = "_sw8x1w1-3-11-3";
-var chartOverlaysBorder__yAxis = "_sw8x1w3-3-11-3";
+var chartOverlaysBorder = "_sw8x1w0-3-12-0";
+var chartOverlaysBorder__rightAxis = "_sw8x1w2-3-12-0";
+var chartOverlaysBorder__topAxis = "_sw8x1w4-3-12-0";
+var chartOverlaysBorder__topSeparator = "_sw8x1w5-3-12-0";
+var chartOverlaysBorder__xAxis = "_sw8x1w1-3-12-0";
+var chartOverlaysBorder__yAxis = "_sw8x1w3-3-12-0";
 export {
   chartOverlaysBorder,
   chartOverlaysBorder__rightAxis,

package/esm/charts/core/components/overlays/ChartOverlaysBorder.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlays/ChartOverlaysBorder.css.ts"],
-  "sourcesContent": ["import './ChartOverlaysBorder.css';\nexport var chartOverlaysBorder = '_sw8x1w0-3-11-3';\nexport var chartOverlaysBorder__rightAxis = '_sw8x1w2-3-11-3';\nexport var chartOverlaysBorder__topAxis = '_sw8x1w4-3-11-3';\nexport var chartOverlaysBorder__topSeparator = '_sw8x1w5-3-11-3';\nexport var chartOverlaysBorder__xAxis = '_sw8x1w1-3-11-3';\nexport var chartOverlaysBorder__yAxis = '_sw8x1w3-3-11-3';"],
+  "sourcesContent": ["import './ChartOverlaysBorder.css';\nexport var chartOverlaysBorder = '_sw8x1w0-3-12-0';\nexport var chartOverlaysBorder__rightAxis = '_sw8x1w2-3-12-0';\nexport var chartOverlaysBorder__topAxis = '_sw8x1w4-3-12-0';\nexport var chartOverlaysBorder__topSeparator = '_sw8x1w5-3-12-0';\nexport var chartOverlaysBorder__xAxis = '_sw8x1w1-3-12-0';\nexport var chartOverlaysBorder__yAxis = '_sw8x1w3-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,sBAAsB;AAC1B,IAAI,iCAAiC;AACrC,IAAI,+BAA+B;AACnC,IAAI,oCAAoC;AACxC,IAAI,6BAA6B;AACjC,IAAI,6BAA6B;",
   "names": []
 }

package/esm/charts/core/components/selection-area/SelectionArea.css

@@ -1,10 +1,10 @@
-._efl7nz0-3-11-3 {
+._efl7nz0-3-12-0 {
   background-color: transparent;
   overflow: visible;
   pointer-events: none;
   z-index: 3;
 }
-._efl7nz1-3-11-3 {
+._efl7nz1-3-12-0 {
   width: 5px;
   height: 40px;
   fill: var(--dt-colors-border-primary-on-accent-default, #f4f4fb);
@@ -15,21 +15,21 @@
   transform-box: stroke-box;
   transition: transform var(--dt-animations-rescale-duration-fast, 170ms) var(--dt-animations-rescale-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._efl7nz1-3-11-3:focus {
+._efl7nz1-3-12-0:focus {
   outline: none;
   stroke-width: 3;
 }
-._efl7nz2-3-11-3 {
+._efl7nz2-3-12-0 {
   width: 15px;
   height: 80px;
   fill: transparent;
   cursor: col-resize;
   touch-action: pan-x;
 }
-._efl7nz2-3-11-3 + .knob--hovered {
+._efl7nz2-3-12-0 + .knob--hovered {
   transform: scaleY(1);
 }
-._efl7nz3-3-11-3 {
+._efl7nz3-3-12-0 {
   fill: var(--dt-colors-background-field-primary-accent, #474fcf);
   stroke: var(--dt-colors-border-primary-accent, #464cce);
   stroke-width: 1;
@@ -37,14 +37,14 @@
   fill-opacity: 0.1;
   touch-action: pan-x;
 }
-._efl7nz3-3-11-3:hover {
+._efl7nz3-3-12-0:hover {
   cursor: move;
 }
-._efl7nz3-3-11-3:focus {
+._efl7nz3-3-12-0:focus {
   outline: none;
   clip-path: unset;
   stroke-width: 3;
 }
-._efl7nz3-3-11-3:focus ~ .knob {
+._efl7nz3-3-12-0:focus ~ .knob {
   stroke-width: 3;
 }

package/esm/charts/core/components/selection-area/SelectionArea.sty.js

@@ -1,9 +1,9 @@
 import "../chart-grid/ChartGrid.css";
 import "./SelectionArea.css";
-var brushOverlay = "_efl7nz0-3-11-3 _13lzg4k0-3-11-3";
-var knob = "_efl7nz1-3-11-3";
-var selectionArea = "_efl7nz3-3-11-3";
-var transparentDraggingArea = "_efl7nz2-3-11-3";
+var brushOverlay = "_efl7nz0-3-12-0 _13lzg4k0-3-12-0";
+var knob = "_efl7nz1-3-12-0";
+var selectionArea = "_efl7nz3-3-12-0";
+var transparentDraggingArea = "_efl7nz2-3-12-0";
 export {
   brushOverlay,
   knob,

package/esm/charts/core/components/selection-area/SelectionArea.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/selection-area/SelectionArea.css.ts"],
-  "sourcesContent": ["import '../chart-grid/ChartGrid.css';\nimport './SelectionArea.css';\nexport var brushOverlay = '_efl7nz0-3-11-3 _13lzg4k0-3-11-3';\nexport var knob = '_efl7nz1-3-11-3';\nexport var selectionArea = '_efl7nz3-3-11-3';\nexport var transparentDraggingArea = '_efl7nz2-3-11-3';"],
+  "sourcesContent": ["import '../chart-grid/ChartGrid.css';\nimport './SelectionArea.css';\nexport var brushOverlay = '_efl7nz0-3-12-0 _13lzg4k0-3-12-0';\nexport var knob = '_efl7nz1-3-12-0';\nexport var selectionArea = '_efl7nz3-3-12-0';\nexport var transparentDraggingArea = '_efl7nz2-3-12-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,OAAO;AACX,IAAI,gBAAgB;AACpB,IAAI,0BAA0B;",
   "names": []
 }

package/esm/charts/core/components/shape/BubbleShape/BubbleShape.css

@@ -1,18 +1,18 @@
-._hctkb30-3-11-3 {
+._hctkb30-3-12-0 {
   border-radius: 50%;
 }
-._hctkb31-3-11-3 {
+._hctkb31-3-12-0 {
   border: 1px solid var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._hctkb32-3-11-3 {
+._hctkb32-3-12-0 {
   border: none;
 }
-._hctkb33-3-11-3 {
+._hctkb33-3-12-0 {
   border-width: 1px;
   border-style: solid;
   border-radius: 50%;
 }
-._hctkb34-3-11-3 {
+._hctkb34-3-12-0 {
   height: 8px;
   width: 8px;
   border-radius: 50%;

package/esm/charts/core/components/shape/BubbleShape/BubbleShape.sty.js

@@ -1,8 +1,8 @@
 import "./BubbleShape.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var bubble = "_hctkb34-3-11-3";
-var bubbleBorder = "_hctkb33-3-11-3";
-var bubbleOutline = _7a468({ defaultClassName: "_hctkb30-3-11-3", variantClassNames: { active: { true: "_hctkb31-3-11-3", false: "_hctkb32-3-11-3" } }, defaultVariants: {}, compoundVariants: [] });
+var bubble = "_hctkb34-3-12-0";
+var bubbleBorder = "_hctkb33-3-12-0";
+var bubbleOutline = _7a468({ defaultClassName: "_hctkb30-3-12-0", variantClassNames: { active: { true: "_hctkb31-3-12-0", false: "_hctkb32-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   bubble,
   bubbleBorder,

package/esm/charts/core/components/shape/BubbleShape/BubbleShape.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/shape/BubbleShape/BubbleShape.css.ts"],
-  "sourcesContent": ["import './BubbleShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var bubble = '_hctkb34-3-11-3';\nexport var bubbleBorder = '_hctkb33-3-11-3';\nexport var bubbleOutline = _7a468({defaultClassName:'_hctkb30-3-11-3',variantClassNames:{active:{true:'_hctkb31-3-11-3',false:'_hctkb32-3-11-3'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './BubbleShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var bubble = '_hctkb34-3-12-0';\nexport var bubbleBorder = '_hctkb33-3-12-0';\nexport var bubbleOutline = _7a468({defaultClassName:'_hctkb30-3-12-0',variantClassNames:{active:{true:'_hctkb31-3-12-0',false:'_hctkb32-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,SAAS;AACb,IAAI,eAAe;AACnB,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }