@dynatrace/strato-components 3.11.2 → 3.12.0

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

@@ -1,4 +1,4 @@
-._s37yxn0-3-11-2 {
+._s37yxn0-3-12-0 {
   border-radius: 4px;
   display: flex;
   justify-content: center;
@@ -7,9 +7,9 @@
   height: 100%;
   box-sizing: border-box;
 }
-._s37yxn1-3-11-2 {
+._s37yxn1-3-12-0 {
   border: 1px solid var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._s37yxn2-3-11-2 {
+._s37yxn2-3-12-0 {
   border: none;
 }

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

@@ -1,6 +1,6 @@
 import "./EmojiShape.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var emojiShape = _7a468({ defaultClassName: "_s37yxn0-3-11-2", variantClassNames: { active: { true: "_s37yxn1-3-11-2", false: "_s37yxn2-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var emojiShape = _7a468({ defaultClassName: "_s37yxn0-3-12-0", variantClassNames: { active: { true: "_s37yxn1-3-12-0", false: "_s37yxn2-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   emojiShape
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/shape/EmojiShape/EmojiShape.css.ts"],
-  "sourcesContent": ["import './EmojiShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var emojiShape = _7a468({defaultClassName:'_s37yxn0-3-11-2',variantClassNames:{active:{true:'_s37yxn1-3-11-2',false:'_s37yxn2-3-11-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './EmojiShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var emojiShape = _7a468({defaultClassName:'_s37yxn0-3-12-0',variantClassNames:{active:{true:'_s37yxn1-3-12-0',false:'_s37yxn2-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._1jwo1lm0-3-11-2 {
+._1jwo1lm0-3-12-0 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -7,9 +7,9 @@
   height: 100%;
   box-sizing: border-box;
 }
-._1jwo1lm1-3-11-2 {
+._1jwo1lm1-3-12-0 {
   border: 1px solid var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._1jwo1lm2-3-11-2 {
+._1jwo1lm2-3-12-0 {
   border: none;
 }

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

@@ -1,6 +1,6 @@
 import "./IconShape.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var iconShape = _7a468({ defaultClassName: "_1jwo1lm0-3-11-2", variantClassNames: { active: { true: "_1jwo1lm1-3-11-2", false: "_1jwo1lm2-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var iconShape = _7a468({ defaultClassName: "_1jwo1lm0-3-12-0", variantClassNames: { active: { true: "_1jwo1lm1-3-12-0", false: "_1jwo1lm2-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   iconShape
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/shape/IconShape/IconShape.css.ts"],
-  "sourcesContent": ["import './IconShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconShape = _7a468({defaultClassName:'_1jwo1lm0-3-11-2',variantClassNames:{active:{true:'_1jwo1lm1-3-11-2',false:'_1jwo1lm2-3-11-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './IconShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconShape = _7a468({defaultClassName:'_1jwo1lm0-3-12-0',variantClassNames:{active:{true:'_1jwo1lm1-3-12-0',false:'_1jwo1lm2-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,QAAO,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/shape/styles/DataPointShape.css

@@ -1,4 +1,4 @@
-._ihihf60-3-11-2 {
+._ihihf60-3-12-0 {
   width: var(--dt-spacings-size-8, 8px);
   height: var(--dt-spacings-size-8, 8px);
   border-radius: var(--dt-spacings-size-64, 64px);
@@ -7,39 +7,39 @@
   margin-left: auto;
   margin-right: auto;
 }
-._ihihf61-3-11-2 {
+._ihihf61-3-12-0 {
   width: var(--dt-spacings-size-6, 6px);
   border-radius: var(--dt-spacings-size-64, 64px);
   height: 72%;
   margin-left: auto;
   margin-right: auto;
 }
-._ihihf62-3-11-2 {
+._ihihf62-3-12-0 {
   display: flex;
   border: 1px solid var(--dt-colors-text-neutral-default, #2f2f4f);
   border-radius: var(--dt-spacings-size-20, 20px);
   margin-left: auto;
   margin-right: auto;
 }
-._ihihf63-3-11-2 {
+._ihihf63-3-12-0 {
   margin-top: var(--dt-spacings-size-2, 2px);
   width: var(--dt-spacings-size-8, 8px);
   height: var(--dt-spacings-size-8, 8px);
 }
-._ihihf64-3-11-2 {
+._ihihf64-3-12-0 {
   margin-top: inherit;
   width: var(--dt-spacings-size-6, 6px);
   height: 72%;
 }
-._ihihf65-3-11-2 {
+._ihihf65-3-12-0 {
   margin: auto auto;
   border-radius: var(--dt-spacings-size-64, 64px);
 }
-._ihihf66-3-11-2 {
+._ihihf66-3-12-0 {
   width: var(--dt-spacings-size-6, 6px);
   height: var(--dt-spacings-size-6, 6px);
 }
-._ihihf67-3-11-2 {
+._ihihf67-3-12-0 {
   width: var(--dt-spacings-size-4, 4px);
   height: 94%;
 }

package/esm/charts/core/components/shape/styles/DataPointShape.sty.js

@@ -1,9 +1,9 @@
 import "./DataPointShape.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var innerHighlightedIcon = _7a468({ defaultClassName: "_ihihf65-3-11-2", variantClassNames: { singleLine: { true: "_ihihf66-3-11-2", false: "_ihihf67-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
-var multiDimensionIcon = "_ihihf61-3-11-2";
-var outerHighlightedIcon = _7a468({ defaultClassName: "_ihihf62-3-11-2", variantClassNames: { singleLine: { true: "_ihihf63-3-11-2", false: "_ihihf64-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
-var singleDimensionIcon = "_ihihf60-3-11-2";
+var innerHighlightedIcon = _7a468({ defaultClassName: "_ihihf65-3-12-0", variantClassNames: { singleLine: { true: "_ihihf66-3-12-0", false: "_ihihf67-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
+var multiDimensionIcon = "_ihihf61-3-12-0";
+var outerHighlightedIcon = _7a468({ defaultClassName: "_ihihf62-3-12-0", variantClassNames: { singleLine: { true: "_ihihf63-3-12-0", false: "_ihihf64-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
+var singleDimensionIcon = "_ihihf60-3-12-0";
 export {
   innerHighlightedIcon,
   multiDimensionIcon,

package/esm/charts/core/components/shape/styles/DataPointShape.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/shape/styles/DataPointShape.css.ts"],
-  "sourcesContent": ["import './DataPointShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var innerHighlightedIcon = _7a468({defaultClassName:'_ihihf65-3-11-2',variantClassNames:{singleLine:{true:'_ihihf66-3-11-2',false:'_ihihf67-3-11-2'}},defaultVariants:{},compoundVariants:[]});\nexport var multiDimensionIcon = '_ihihf61-3-11-2';\nexport var outerHighlightedIcon = _7a468({defaultClassName:'_ihihf62-3-11-2',variantClassNames:{singleLine:{true:'_ihihf63-3-11-2',false:'_ihihf64-3-11-2'}},defaultVariants:{},compoundVariants:[]});\nexport var singleDimensionIcon = '_ihihf60-3-11-2';"],
+  "sourcesContent": ["import './DataPointShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var innerHighlightedIcon = _7a468({defaultClassName:'_ihihf65-3-12-0',variantClassNames:{singleLine:{true:'_ihihf66-3-12-0',false:'_ihihf67-3-12-0'}},defaultVariants:{},compoundVariants:[]});\nexport var multiDimensionIcon = '_ihihf61-3-12-0';\nexport var outerHighlightedIcon = _7a468({defaultClassName:'_ihihf62-3-12-0',variantClassNames:{singleLine:{true:'_ihihf63-3-12-0',false:'_ihihf64-3-12-0'}},defaultVariants:{},compoundVariants:[]});\nexport var singleDimensionIcon = '_ihihf60-3-12-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,YAAW,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7L,IAAI,qBAAqB;AACzB,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,YAAW,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7L,IAAI,sBAAsB;",
   "names": []
 }

package/esm/charts/core/components/shared-chart-interactions/SharedChartInteractions.css

@@ -1,4 +1,4 @@
-._14qoaxs0-3-11-2 {
+._14qoaxs0-3-12-0 {
   position: absolute;
   width: 100%;
   height: 100%;

package/esm/charts/core/components/shared-chart-interactions/SharedChartInteractions.sty.js

@@ -1,5 +1,5 @@
 import "./SharedChartInteractions.css";
-var containerSVG = "_14qoaxs0-3-11-2";
+var containerSVG = "_14qoaxs0-3-12-0";
 export {
   containerSVG
 };

package/esm/charts/core/components/shared-chart-interactions/SharedChartInteractions.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/shared-chart-interactions/SharedChartInteractions.css.ts"],
-  "sourcesContent": ["import './SharedChartInteractions.css';\nexport var containerSVG = '_14qoaxs0-3-11-2';"],
+  "sourcesContent": ["import './SharedChartInteractions.css';\nexport var containerSVG = '_14qoaxs0-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/SingleValueRenderer.css

@@ -1,24 +1,24 @@
-._utn1m50-3-11-2 {
+._utn1m50-3-12-0 {
   container-type: size;
   height: 100%;
   width: 100%;
   border-radius: 2px;
   position: relative;
 }
-._utn1m51-3-11-2 {
+._utn1m51-3-12-0 {
   container-type: size;
   grid-area: content;
   padding: 8px;
 }
-._utn1m52-3-11-2 {
+._utn1m52-3-12-0 {
   grid-template-columns: 1fr;
   display: grid;
 }
-._utn1m53-3-11-2 {
+._utn1m53-3-12-0 {
   grid-area: sparkline;
   overflow: visible;
 }
-._utn1m54-3-11-2 {
+._utn1m54-3-12-0 {
   grid-area: trend;
   overflow: hidden;
 }

package/esm/charts/core/components/single-value-renderer/SingleValueRenderer.sty.js

@@ -1,9 +1,9 @@
 import "./SingleValueRenderer.css";
-var chartStateHandler = "_utn1m52-3-11-2";
-var singleValueContainer = "_utn1m50-3-11-2";
-var singleValueInnerContainer = "_utn1m51-3-11-2";
-var sparklineArea = "_utn1m53-3-11-2";
-var trendArea = "_utn1m54-3-11-2";
+var chartStateHandler = "_utn1m52-3-12-0";
+var singleValueContainer = "_utn1m50-3-12-0";
+var singleValueInnerContainer = "_utn1m51-3-12-0";
+var sparklineArea = "_utn1m53-3-12-0";
+var trendArea = "_utn1m54-3-12-0";
 export {
   chartStateHandler,
   singleValueContainer,

package/esm/charts/core/components/single-value-renderer/SingleValueRenderer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/single-value-renderer/SingleValueRenderer.css.ts"],
-  "sourcesContent": ["import './SingleValueRenderer.css';\nexport var chartStateHandler = '_utn1m52-3-11-2';\nexport var singleValueContainer = '_utn1m50-3-11-2';\nexport var singleValueInnerContainer = '_utn1m51-3-11-2';\nexport var sparklineArea = '_utn1m53-3-11-2';\nexport var trendArea = '_utn1m54-3-11-2';"],
+  "sourcesContent": ["import './SingleValueRenderer.css';\nexport var chartStateHandler = '_utn1m52-3-12-0';\nexport var singleValueContainer = '_utn1m50-3-12-0';\nexport var singleValueInnerContainer = '_utn1m51-3-12-0';\nexport var sparklineArea = '_utn1m53-3-12-0';\nexport var trendArea = '_utn1m54-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,uBAAuB;AAC3B,IAAI,4BAA4B;AAChC,IAAI,gBAAgB;AACpB,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/components/ContentGrid.css

@@ -1,4 +1,4 @@
-._zdpx4o0-3-11-2 {
+._zdpx4o0-3-12-0 {
   display: grid;
   width: 100%;
   height: 100%;

package/esm/charts/core/components/single-value-renderer/components/ContentGrid.sty.js

@@ -1,5 +1,5 @@
 import "./ContentGrid.css";
-var contentGridStaticStyles = "_zdpx4o0-3-11-2";
+var contentGridStaticStyles = "_zdpx4o0-3-12-0";
 export {
   contentGridStaticStyles
 };

package/esm/charts/core/components/single-value-renderer/components/ContentGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/single-value-renderer/components/ContentGrid.css.ts"],
-  "sourcesContent": ["import './ContentGrid.css';\nexport var contentGridStaticStyles = '_zdpx4o0-3-11-2';"],
+  "sourcesContent": ["import './ContentGrid.css';\nexport var contentGridStaticStyles = '_zdpx4o0-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,0BAA0B;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/components/Icon.css

@@ -1,16 +1,16 @@
-._84hyuy0-3-11-2 > svg {
+._84hyuy0-3-12-0 > svg {
   position: absolute;
   width: 2ch;
   height: 2ch;
   top: 50%;
   transform: translateY(-50%);
 }
-._84hyuy1-3-11-2 {
+._84hyuy1-3-12-0 {
   font-size: calc(min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240)) * 1px);
   position: relative;
   margin-right: var(--dt-spacings-size-4, 4px);
 }
-._84hyuy2-3-11-2 {
+._84hyuy2-3-12-0 {
   display: flex;
   justify-content: center;
   align-items: center;

package/esm/charts/core/components/single-value-renderer/components/Icon.sty.js

@@ -1,7 +1,7 @@
 import "./Icon.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var iconStyle = _7a468({ defaultClassName: "_84hyuy1-3-11-2", variantClassNames: { isString: { true: "_84hyuy2-3-11-2", false: "_84hyuy0-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
-var parentSvgStyle = "_84hyuy0-3-11-2";
+var iconStyle = _7a468({ defaultClassName: "_84hyuy1-3-12-0", variantClassNames: { isString: { true: "_84hyuy2-3-12-0", false: "_84hyuy0-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
+var parentSvgStyle = "_84hyuy0-3-12-0";
 export {
   iconStyle,
   parentSvgStyle

package/esm/charts/core/components/single-value-renderer/components/Icon.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/single-value-renderer/components/Icon.css.ts"],
-  "sourcesContent": ["import './Icon.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconStyle = _7a468({defaultClassName:'_84hyuy1-3-11-2',variantClassNames:{isString:{true:'_84hyuy2-3-11-2',false:'_84hyuy0-3-11-2'}},defaultVariants:{},compoundVariants:[]});\nexport var parentSvgStyle = '_84hyuy0-3-11-2';"],
+  "sourcesContent": ["import './Icon.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconStyle = _7a468({defaultClassName:'_84hyuy1-3-12-0',variantClassNames:{isString:{true:'_84hyuy2-3-12-0',false:'_84hyuy0-3-12-0'}},defaultVariants:{},compoundVariants:[]});\nexport var parentSvgStyle = '_84hyuy0-3-12-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAChL,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/components/Label.css

@@ -1,4 +1,4 @@
-._nuwbzs0-3-11-2 {
+._nuwbzs0-3-12-0 {
   grid-area: label;
   white-space: nowrap;
   overflow: hidden;

package/esm/charts/core/components/single-value-renderer/components/Label.sty.js

@@ -1,5 +1,5 @@
 import "./Label.css";
-var labelAreaStaticStyles = "_nuwbzs0-3-11-2";
+var labelAreaStaticStyles = "_nuwbzs0-3-12-0";
 export {
   labelAreaStaticStyles
 };

package/esm/charts/core/components/single-value-renderer/components/Label.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/single-value-renderer/components/Label.css.ts"],
-  "sourcesContent": ["import './Label.css';\nexport var labelAreaStaticStyles = '_nuwbzs0-3-11-2';"],
+  "sourcesContent": ["import './Label.css';\nexport var labelAreaStaticStyles = '_nuwbzs0-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,wBAAwB;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/components/SingleValueToolbar.css

@@ -1,4 +1,4 @@
-._xtlx2j0-3-11-2 {
+._xtlx2j0-3-12-0 {
   width: 100%;
   height: 100%;
 }

package/esm/charts/core/components/single-value-renderer/components/SingleValueToolbar.sty.js

@@ -1,5 +1,5 @@
 import "./SingleValueToolbar.css";
-var toolbarOverlayPadding = "_xtlx2j0-3-11-2";
+var toolbarOverlayPadding = "_xtlx2j0-3-12-0";
 export {
   toolbarOverlayPadding
 };

package/esm/charts/core/components/single-value-renderer/components/SingleValueToolbar.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/single-value-renderer/components/SingleValueToolbar.css.ts"],
-  "sourcesContent": ["import './SingleValueToolbar.css';\nexport var toolbarOverlayPadding = '_xtlx2j0-3-11-2';"],
+  "sourcesContent": ["import './SingleValueToolbar.css';\nexport var toolbarOverlayPadding = '_xtlx2j0-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,wBAAwB;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/components/Value.css

@@ -1,4 +1,4 @@
-._eff5no0-3-11-2 {
+._eff5no0-3-12-0 {
   grid-area: value;
   width: 100%;
   height: 100%;
@@ -6,20 +6,20 @@
   align-items: center;
   gap: 0;
 }
-._eff5no1-3-11-2 {
+._eff5no1-3-12-0 {
   white-space: nowrap;
   position: relative;
   font-size: min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240))px;
   font-weight: 500;
   overflow: hidden;
 }
-._eff5no2-3-11-2 {
+._eff5no2-3-12-0 {
   padding-left: 2ch;
 }
-._eff5no3-3-11-2 {
+._eff5no3-3-12-0 {
   padding-left: 0;
 }
-._eff5no4-3-11-2 {
+._eff5no4-3-12-0 {
   white-space: nowrap;
   overflow: hidden;
   font-size: calc(min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240)) * 0.66px);

package/esm/charts/core/components/single-value-renderer/components/Value.sty.js

@@ -1,8 +1,8 @@
 import "./Value.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var unitStyle = "_eff5no4-3-11-2";
-var valueArea = "_eff5no0-3-11-2";
-var valueStyle = _7a468({ defaultClassName: "_eff5no1-3-11-2", variantClassNames: { isReactNode: { true: "_eff5no2-3-11-2", false: "_eff5no3-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var unitStyle = "_eff5no4-3-12-0";
+var valueArea = "_eff5no0-3-12-0";
+var valueStyle = _7a468({ defaultClassName: "_eff5no1-3-12-0", variantClassNames: { isReactNode: { true: "_eff5no2-3-12-0", false: "_eff5no3-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   unitStyle,
   valueArea,

package/esm/charts/core/components/single-value-renderer/components/Value.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/single-value-renderer/components/Value.css.ts"],
-  "sourcesContent": ["import './Value.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var unitStyle = '_eff5no4-3-11-2';\nexport var valueArea = '_eff5no0-3-11-2';\nexport var valueStyle = _7a468({defaultClassName:'_eff5no1-3-11-2',variantClassNames:{isReactNode:{true:'_eff5no2-3-11-2',false:'_eff5no3-3-11-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Value.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var unitStyle = '_eff5no4-3-12-0';\nexport var valueArea = '_eff5no0-3-12-0';\nexport var valueStyle = _7a468({defaultClassName:'_eff5no1-3-12-0',variantClassNames:{isReactNode:{true:'_eff5no2-3-12-0',false:'_eff5no3-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,aAAY,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/components/trend/Trend.css

@@ -1,13 +1,13 @@
-._i0i2v10-3-11-2 {
+._i0i2v10-3-12-0 {
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
-._i0i2v11-3-11-2 {
+._i0i2v11-3-12-0 {
   white-space: nowrap;
   font-size: calc(min(var(--dt-charts-single-value-label-font-size, min(var(--dt-charts-single-value-global-trend-font-size, min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240))), min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240)))), min(var(--dt-charts-single-value-global-trend-font-size, min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240))), min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240)))) * 1px);
   overflow: hidden;
 }
-._i0i2v12-3-11-2 {
+._i0i2v12-3-12-0 {
   margin-left: min(10px, 1ch);
 }

package/esm/charts/core/components/single-value-renderer/components/trend/Trend.sty.js

@@ -1,7 +1,7 @@
 import "./Trend.css";
-var trendContainer = "_i0i2v10-3-11-2";
-var trendLabel = "_i0i2v12-3-11-2";
-var valueLabelContainer = "_i0i2v11-3-11-2";
+var trendContainer = "_i0i2v10-3-12-0";
+var trendLabel = "_i0i2v12-3-12-0";
+var valueLabelContainer = "_i0i2v11-3-12-0";
 export {
   trendContainer,
   trendLabel,

package/esm/charts/core/components/single-value-renderer/components/trend/Trend.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/single-value-renderer/components/trend/Trend.css.ts"],
-  "sourcesContent": ["import './Trend.css';\nexport var trendContainer = '_i0i2v10-3-11-2';\nexport var trendLabel = '_i0i2v12-3-11-2';\nexport var valueLabelContainer = '_i0i2v11-3-11-2';"],
+  "sourcesContent": ["import './Trend.css';\nexport var trendContainer = '_i0i2v10-3-12-0';\nexport var trendLabel = '_i0i2v12-3-12-0';\nexport var valueLabelContainer = '_i0i2v11-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,aAAa;AACjB,IAAI,sBAAsB;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/components/trend/components/Icon.css

@@ -1,8 +1,8 @@
-._160ezq60-3-11-2 {
+._160ezq60-3-12-0 {
   font-size: calc(min(var(--dt-charts-single-value-label-font-size, min(var(--dt-charts-single-value-global-trend-font-size, min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240))), min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240)))), min(var(--dt-charts-single-value-global-trend-font-size, min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240))), min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240)))) * 1px);
   position: relative;
 }
-._160ezq60-3-11-2 svg {
+._160ezq60-3-12-0 svg {
   position: absolute;
   width: 2ch;
   height: 2ch;

package/esm/charts/core/components/single-value-renderer/components/trend/components/Icon.sty.js

@@ -1,5 +1,5 @@
 import "./Icon.css";
-var iconStyles = "_160ezq60-3-11-2";
+var iconStyles = "_160ezq60-3-12-0";
 export {
   iconStyles
 };

package/esm/charts/core/components/single-value-renderer/components/trend/components/Icon.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/single-value-renderer/components/trend/components/Icon.css.ts"],
-  "sourcesContent": ["import './Icon.css';\nexport var iconStyles = '_160ezq60-3-11-2';"],
+  "sourcesContent": ["import './Icon.css';\nexport var iconStyles = '_160ezq60-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/core/components/sparkline-display/Sparkline.css

@@ -1,22 +1,22 @@
-._8d5rf80-3-11-2 {
+._8d5rf80-3-12-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._8d5rf81-3-11-2 {
+._8d5rf81-3-12-0 {
   font-size: 9px;
   line-height: 12px;
 }
-._8d5rf82-3-11-2 {
+._8d5rf82-3-12-0 {
   font-size: var(--dt-typography-text-small-default-size, 12px);
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
 }
-._8d5rf83-3-11-2 {
+._8d5rf83-3-12-0 {
   position: absolute;
 }
-._8d5rf84-3-11-2 {
+._8d5rf84-3-12-0 {
   width: 4px;
   margin-left: var(--dt-spacings-size-4, 4px);
 }
-._8d5rf85-3-11-2 {
+._8d5rf85-3-12-0 {
   width: 6px;
   margin-left: var(--dt-spacings-size-4, 4px);
 }

package/esm/charts/core/components/sparkline-display/Sparkline.sty.js

@@ -1,7 +1,7 @@
 import "./Sparkline.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var contextValueText = _7a468({ defaultClassName: "_8d5rf80-3-11-2", variantClassNames: { fontSize: { smallerThan32: "_8d5rf81-3-11-2", greaterOrEqual32: "_8d5rf82-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
-var negativeSign = _7a468({ defaultClassName: "_8d5rf83-3-11-2", variantClassNames: { containerHeight: { height24: "_8d5rf84-3-11-2", height32: "_8d5rf85-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var contextValueText = _7a468({ defaultClassName: "_8d5rf80-3-12-0", variantClassNames: { fontSize: { smallerThan32: "_8d5rf81-3-12-0", greaterOrEqual32: "_8d5rf82-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
+var negativeSign = _7a468({ defaultClassName: "_8d5rf83-3-12-0", variantClassNames: { containerHeight: { height24: "_8d5rf84-3-12-0", height32: "_8d5rf85-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   contextValueText,
   negativeSign

package/esm/charts/core/components/sparkline-display/Sparkline.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/sparkline-display/Sparkline.css.ts"],
-  "sourcesContent": ["import './Sparkline.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var contextValueText = _7a468({defaultClassName:'_8d5rf80-3-11-2',variantClassNames:{fontSize:{smallerThan32:'_8d5rf81-3-11-2',greaterOrEqual32:'_8d5rf82-3-11-2'}},defaultVariants:{},compoundVariants:[]});\nexport var negativeSign = _7a468({defaultClassName:'_8d5rf83-3-11-2',variantClassNames:{containerHeight:{height24:'_8d5rf84-3-11-2',height32:'_8d5rf85-3-11-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Sparkline.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var contextValueText = _7a468({defaultClassName:'_8d5rf80-3-12-0',variantClassNames:{fontSize:{smallerThan32:'_8d5rf81-3-12-0',greaterOrEqual32:'_8d5rf82-3-12-0'}},defaultVariants:{},compoundVariants:[]});\nexport var negativeSign = _7a468({defaultClassName:'_8d5rf83-3-12-0',variantClassNames:{containerHeight:{height24:'_8d5rf84-3-12-0',height32:'_8d5rf85-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,eAAc,mBAAkB,kBAAiB,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3M,IAAI,eAAe,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,iBAAgB,EAAC,UAAS,mBAAkB,UAAS,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/sparkline-display/SparklineContainer.js

@@ -61,7 +61,11 @@ const SparklineContainer = (props) => {
     className,
     style: consumerStyle,
     labelsAlignment = "left",
-    labelsFixedWidth
+    labelsFixedWidth,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-details": ariaDetails
   } = props;
   const [containerDimension, sizeObserverRef] = useObserveContainerSize();
   const theme = useCurrentTheme();
@@ -151,7 +155,10 @@ const SparklineContainer = (props) => {
       ref: sizeObserverRef,
       "data-dtrum-mask": dataDtrumMask,
       "data-dtrum-allow": dataDtrumAllow,
-      "aria-label": SPARKLINE_ARIA_LABEL,
+      "aria-label": ariaLabel ?? SPARKLINE_ARIA_LABEL,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-details": ariaDetails,
       role: "img",
       children: [
         /* @__PURE__ */ jsxs(