@dynatrace/strato-components 3.12.1 → 3.13.0

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

@@ -1,10 +1,10 @@
-._efl7nz0-3-12-1 {
+._efl7nz0-3-13-0 {
   background-color: transparent;
   overflow: visible;
   pointer-events: none;
   z-index: 3;
 }
-._efl7nz1-3-12-1 {
+._efl7nz1-3-13-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-12-1:focus {
+._efl7nz1-3-13-0:focus {
   outline: none;
   stroke-width: 3;
 }
-._efl7nz2-3-12-1 {
+._efl7nz2-3-13-0 {
   width: 15px;
   height: 80px;
   fill: transparent;
   cursor: col-resize;
   touch-action: pan-x;
 }
-._efl7nz2-3-12-1 + .knob--hovered {
+._efl7nz2-3-13-0 + .knob--hovered {
   transform: scaleY(1);
 }
-._efl7nz3-3-12-1 {
+._efl7nz3-3-13-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-12-1:hover {
+._efl7nz3-3-13-0:hover {
   cursor: move;
 }
-._efl7nz3-3-12-1:focus {
+._efl7nz3-3-13-0:focus {
   outline: none;
   clip-path: unset;
   stroke-width: 3;
 }
-._efl7nz3-3-12-1:focus ~ .knob {
+._efl7nz3-3-13-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-12-1 _13lzg4k0-3-12-1";
-var knob = "_efl7nz1-3-12-1";
-var selectionArea = "_efl7nz3-3-12-1";
-var transparentDraggingArea = "_efl7nz2-3-12-1";
+var brushOverlay = "_efl7nz0-3-13-0 _13lzg4k0-3-13-0";
+var knob = "_efl7nz1-3-13-0";
+var selectionArea = "_efl7nz3-3-13-0";
+var transparentDraggingArea = "_efl7nz2-3-13-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-12-1 _13lzg4k0-3-12-1';\nexport var knob = '_efl7nz1-3-12-1';\nexport var selectionArea = '_efl7nz3-3-12-1';\nexport var transparentDraggingArea = '_efl7nz2-3-12-1';"],
+  "sourcesContent": ["import '../chart-grid/ChartGrid.css';\nimport './SelectionArea.css';\nexport var brushOverlay = '_efl7nz0-3-13-0 _13lzg4k0-3-13-0';\nexport var knob = '_efl7nz1-3-13-0';\nexport var selectionArea = '_efl7nz3-3-13-0';\nexport var transparentDraggingArea = '_efl7nz2-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,OAAO;AACX,IAAI,gBAAgB;AACpB,IAAI,0BAA0B;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/selection-area/SelectionTooltipWithAsyncActions.tsx"],
-  "sourcesContent": ["import { debounce } from 'lodash-es';\nimport {\n  useCallback,\n  useEffect,\n  useState,\n  type PropsWithChildren,\n  type ReactElement,\n} from 'react';\n\nimport { CustomActions, CustomIntents } from './tooltip/CustomActions.js';\nimport { getStratoLogger } from '../../../../core/sdk/sdk-logger.js';\nimport { Divider } from '../../../../layouts/divider/Divider.js';\nimport type { Point } from '../../types/point.js';\nimport { getCustomContextMenuItems } from '../interactions-overlay/utils/get-custom-context-menu-items.js';\nimport { OverlayTooltip } from '../overlay-tooltip/OverlayTooltip.js';\nimport { divider } from '../overlay-tooltip/tooltip.sty.js';\n\ntype ActionsMenu = ReturnType<typeof getCustomContextMenuItems>;\nexport type SelectionTooltipWithAsyncActionsProps = {\n  actions: () => Promise<ActionsMenu> | undefined;\n  position: Point;\n  zoomEnabled: boolean;\n  header: ReactElement;\n  range: [number, number] | [Date, Date];\n  selectFinished: boolean;\n};\n\nconst DEBOUNCING_TIME = 150;\nconst emptyActionsMenu: ActionsMenu = { actions: [], intents: [] };\n\nexport const SelectionTooltipWithAsyncActions = (\n  props: PropsWithChildren<SelectionTooltipWithAsyncActionsProps>,\n) => {\n  const [actionsMenu, setActionsMenu] = useState<ActionsMenu>(emptyActionsMenu);\n  const logger = getStratoLogger('SelectionTooltipWithAsyncActions');\n  const fetchActions = useCallback(\n    debounce(\n      (actions: SelectionTooltipWithAsyncActionsProps['actions']) => {\n        const promise = actions();\n\n        if (promise) {\n          promise\n            .then((result) => {\n              if (result.actions.length || result.intents.length) {\n                setActionsMenu(result);\n              }\n            })\n            .catch((error) => {\n              logger.error('Failed to load select series actions', error);\n            });\n        }\n      },\n      DEBOUNCING_TIME,\n      { leading: false, trailing: true },\n    ),\n    [logger],\n  );\n\n  useEffect(() => {\n    if (!!actionsMenu.actions.length || !!actionsMenu.intents.length) {\n      setActionsMenu(emptyActionsMenu);\n    }\n\n    props.actions && fetchActions(props.actions);\n\n    return () => {\n      fetchActions.cancel();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.range[0], props.range[1]]);\n\n  const hasActions = !!actionsMenu.actions.length;\n  const hasIntents = !!actionsMenu.intents.length;\n\n  return (\n    <OverlayTooltip\n      isInteractive={props.selectFinished}\n      absoluteX={props.position.x}\n      absoluteY={props.position.y}\n    >\n      {props.header}\n      {(!!props.children || hasActions || hasIntents) && (\n        <>\n          <Divider\n            orientation=\"horizontal\"\n            key=\"headerDivider\"\n            className={divider}\n          />\n          <div\n            style={{\n              maxHeight: '96px',\n              overflowY: 'auto',\n              overflowX: 'hidden',\n            }}\n          >\n            {props.children}\n            {hasActions ? (\n              <CustomActions actions={actionsMenu.actions} />\n            ) : null}\n            {hasIntents && (hasActions || !!props.children) ? (\n              <Divider\n                orientation=\"horizontal\"\n                key=\"actionsDivider\"\n                className={divider}\n              />\n            ) : null}\n            {hasIntents ? (\n              <CustomIntents intents={actionsMenu?.intents} />\n            ) : null}\n          </div>\n        </>\n      )}\n    </OverlayTooltip>\n  );\n};\n"],
+  "sourcesContent": ["import { debounce } from 'lodash-es';\nimport {\n  useCallback,\n  useEffect,\n  useState,\n  type PropsWithChildren,\n  type ReactElement,\n} from 'react';\n\nimport { CustomActions, CustomIntents } from './tooltip/CustomActions.js';\nimport { getStratoLogger } from '../../../../core/sdk/sdk-logger.js';\nimport { Divider } from '../../../../layouts/divider/Divider.js';\nimport type { Point } from '../../types/point.js';\nimport { getCustomContextMenuItems } from '../interactions-overlay/utils/get-custom-context-menu-items.js';\nimport { OverlayTooltip } from '../overlay-tooltip/OverlayTooltip.js';\nimport { divider } from '../overlay-tooltip/tooltip.sty.js';\n\ntype ActionsMenu = ReturnType<typeof getCustomContextMenuItems>;\nexport type SelectionTooltipWithAsyncActionsProps = {\n  actions: () => Promise<ActionsMenu> | undefined;\n  position: Point;\n  zoomEnabled: boolean;\n  header: ReactElement;\n  range: [number, number] | [Date, Date];\n  selectFinished: boolean;\n};\n\nconst DEBOUNCING_TIME = 150;\nconst emptyActionsMenu: ActionsMenu = { actions: [], intents: [] };\n\nexport const SelectionTooltipWithAsyncActions = (\n  props: PropsWithChildren<SelectionTooltipWithAsyncActionsProps>,\n) => {\n  const [actionsMenu, setActionsMenu] = useState<ActionsMenu>(emptyActionsMenu);\n  const logger = getStratoLogger('SelectionTooltipWithAsyncActions');\n  const fetchActions = useCallback(\n    debounce(\n      (actions: SelectionTooltipWithAsyncActionsProps['actions']) => {\n        const promise = actions();\n\n        if (promise) {\n          promise\n            .then((result) => {\n              if (result.actions.length || result.intents.length) {\n                setActionsMenu(result);\n              }\n            })\n            .catch((error) => {\n              logger.error('Failed to load select series actions', error);\n            });\n        }\n      },\n      DEBOUNCING_TIME,\n      { leading: false, trailing: true },\n    ),\n    [logger],\n  );\n\n  useEffect(() => {\n    if (!!actionsMenu.actions.length || !!actionsMenu.intents.length) {\n      setActionsMenu(emptyActionsMenu);\n    }\n\n    props.actions && fetchActions(props.actions);\n\n    return () => {\n      fetchActions.cancel();\n    };\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.range[0], props.range[1]]);\n\n  const hasActions = !!actionsMenu.actions.length;\n  const hasIntents = !!actionsMenu.intents.length;\n\n  return (\n    <OverlayTooltip\n      isInteractive={props.selectFinished}\n      absoluteX={props.position.x}\n      absoluteY={props.position.y}\n    >\n      {props.header}\n      {(!!props.children || hasActions || hasIntents) && (\n        <>\n          <Divider\n            orientation=\"horizontal\"\n            key=\"headerDivider\"\n            className={divider}\n          />\n          <div\n            style={{\n              maxHeight: '96px',\n              overflowY: 'auto',\n              overflowX: 'hidden',\n            }}\n          >\n            {props.children}\n            {hasActions ? (\n              <CustomActions actions={actionsMenu.actions} />\n            ) : null}\n            {hasIntents && (hasActions || !!props.children) ? (\n              <Divider\n                orientation=\"horizontal\"\n                key=\"actionsDivider\"\n                className={divider}\n              />\n            ) : null}\n            {hasIntents ? (\n              <CustomIntents intents={actionsMenu?.intents} />\n            ) : null}\n          </div>\n        </>\n      )}\n    </OverlayTooltip>\n  );\n};\n"],
   "mappings": "AAkFQ,mBACE,KAKA,YANF;AAlFR,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAEP,SAAS,eAAe,qBAAqB;AAC7C,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAGxB,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AAYxB,MAAM,kBAAkB;AACxB,MAAM,mBAAgC,EAAE,SAAS,CAAC,GAAG,SAAS,CAAC,EAAE;AAE1D,MAAM,mCAAmC,CAC9C,UACG;AACH,QAAM,CAAC,aAAa,cAAc,IAAI,SAAsB,gBAAgB;AAC5E,QAAM,SAAS,gBAAgB,kCAAkC;AACjE,QAAM,eAAe;AAAA,IACnB;AAAA,MACE,CAAC,YAA8D;AAC7D,cAAM,UAAU,QAAQ;AAExB,YAAI,SAAS;AACX,kBACG,KAAK,CAAC,WAAW;AAChB,gBAAI,OAAO,QAAQ,UAAU,OAAO,QAAQ,QAAQ;AAClD,6BAAe,MAAM;AAAA,YACvB;AAAA,UACF,CAAC,EACA,MAAM,CAAC,UAAU;AAChB,mBAAO,MAAM,wCAAwC,KAAK;AAAA,UAC5D,CAAC;AAAA,QACL;AAAA,MACF;AAAA,MACA;AAAA,MACA,EAAE,SAAS,OAAO,UAAU,KAAK;AAAA,IACnC;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,CAAC,YAAY,QAAQ,UAAU,CAAC,CAAC,YAAY,QAAQ,QAAQ;AAChE,qBAAe,gBAAgB;AAAA,IACjC;AAEA,UAAM,WAAW,aAAa,MAAM,OAAO;AAE3C,WAAO,MAAM;AACX,mBAAa,OAAO;AAAA,IACtB;AAAA,EAEF,GAAG,CAAC,MAAM,MAAM,CAAC,GAAG,MAAM,MAAM,CAAC,CAAC,CAAC;AAEnC,QAAM,aAAa,CAAC,CAAC,YAAY,QAAQ;AACzC,QAAM,aAAa,CAAC,CAAC,YAAY,QAAQ;AAEzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,MAAM;AAAA,MACrB,WAAW,MAAM,SAAS;AAAA,MAC1B,WAAW,MAAM,SAAS;AAAA,MAEzB;AAAA,cAAM;AAAA,SACL,CAAC,CAAC,MAAM,YAAY,cAAc,eAClC,iCACE;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,aAAY;AAAA,cAEZ,WAAW;AAAA;AAAA,YADP;AAAA,UAEN;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,gBACL,WAAW;AAAA,gBACX,WAAW;AAAA,gBACX,WAAW;AAAA,cACb;AAAA,cAEC;AAAA,sBAAM;AAAA,gBACN,aACC,oBAAC,iBAAc,SAAS,YAAY,SAAS,IAC3C;AAAA,gBACH,eAAe,cAAc,CAAC,CAAC,MAAM,YACpC;AAAA,kBAAC;AAAA;AAAA,oBACC,aAAY;AAAA,oBAEZ,WAAW;AAAA;AAAA,kBADP;AAAA,gBAEN,IACE;AAAA,gBACH,aACC,oBAAC,iBAAc,SAAS,aAAa,SAAS,IAC5C;AAAA;AAAA;AAAA,UACN;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/selection-area/tooltip/CustomActions.js

@@ -1,18 +1,18 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { cloneElement } from "react";
 import { Prefix } from "../../../../../navigation/menu/Prefix.js";
 import { Intent } from "../Intent.js";
 const CustomActions = ({
   actions
-}) => /* @__PURE__ */ jsx(Fragment, { children: actions?.map(
+}) => actions?.map(
   (action, index) => cloneElement(action, { key: action.key ?? index })
-) });
+) ?? null;
 const CustomIntents = ({
   intents
-}) => /* @__PURE__ */ jsx(Fragment, { children: intents?.map((intent, index) => /* @__PURE__ */ jsxs(Intent, { ...intent.props, children: [
+}) => intents?.map((intent, index) => /* @__PURE__ */ jsxs(Intent, { ...intent.props, children: [
   intent.props.icon && /* @__PURE__ */ jsx(Prefix, { children: intent.props.icon }),
   intent.props.children
-] }, intent.key ?? index)) });
+] }, intent.key ?? index)) ?? null;
 export {
   CustomActions,
   CustomIntents

package/esm/charts/core/components/selection-area/tooltip/CustomActions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/selection-area/tooltip/CustomActions.tsx"],
-  "sourcesContent": ["import type {\n  ElementType,\n  JSXElementConstructor,\n  PropsWithChildren,\n  ReactElement,\n} from 'react';\nimport { cloneElement } from 'react';\n\nimport type { IntentProps } from '../../../../../core/slots/Intent/Intent.js';\nimport type { MenuItemProps } from '../../../../../navigation/menu/Item.js';\nimport { Prefix } from '../../../../../navigation/menu/Prefix.js';\nimport { Intent } from '../Intent.js';\n\nexport const CustomActions = ({\n  actions,\n}: {\n  actions?: ReactElement<\n    PropsWithChildren<MenuItemProps<ElementType>>,\n    string | JSXElementConstructor<unknown>\n  >[];\n}) => (\n  <>\n    {actions?.map((action, index) =>\n      cloneElement(action, { key: action.key ?? index }),\n    )}\n  </>\n);\n\nexport const CustomIntents = ({\n  intents,\n}: {\n  intents?: ReactElement<\n    PropsWithChildren<IntentProps>,\n    string | JSXElementConstructor<unknown>\n  >[];\n}) => (\n  <>\n    {intents?.map((intent, index) => (\n      <Intent key={intent.key ?? index} {...intent.props}>\n        {intent.props.icon && (\n          <Prefix>{intent.props.icon}</Prefix>\n        )}\n        {intent.props.children}\n      </Intent>\n    ))}\n  </>\n);\n"],
-  "mappings": "AAqBE,wBAiBI,YAjBJ;AAfF,SAAS,oBAAoB;AAI7B,SAAS,cAAc;AACvB,SAAS,cAAc;AAEhB,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AACF,MAME,gCACG,mBAAS;AAAA,EAAI,CAAC,QAAQ,UACrB,aAAa,QAAQ,EAAE,KAAK,OAAO,OAAO,MAAM,CAAC;AACnD,GACF;AAGK,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AACF,MAME,gCACG,mBAAS,IAAI,CAAC,QAAQ,UACrB,qBAAC,UAAkC,GAAG,OAAO,OAC1C;AAAA,SAAO,MAAM,QACZ,oBAAC,UAAQ,iBAAO,MAAM,MAAK;AAAA,EAE5B,OAAO,MAAM;AAAA,KAJH,OAAO,OAAO,KAK3B,CACD,GACH;",
+  "sourcesContent": ["import type {\n  ElementType,\n  JSXElementConstructor,\n  PropsWithChildren,\n  ReactElement,\n} from 'react';\nimport { cloneElement } from 'react';\n\nimport type { IntentProps } from '../../../../../core/slots/Intent/Intent.js';\nimport type { MenuItemProps } from '../../../../../navigation/menu/Item.js';\nimport { Prefix } from '../../../../../navigation/menu/Prefix.js';\nimport { Intent } from '../Intent.js';\n\nexport const CustomActions = ({\n  actions,\n}: {\n  actions?: ReactElement<\n    PropsWithChildren<MenuItemProps<ElementType>>,\n    string | JSXElementConstructor<unknown>\n  >[];\n}) =>\n  actions?.map((action, index) =>\n    cloneElement(action, { key: action.key ?? index }),\n  ) ?? null;\n\nexport const CustomIntents = ({\n  intents,\n}: {\n  intents?: ReactElement<\n    PropsWithChildren<IntentProps>,\n    string | JSXElementConstructor<unknown>\n  >[];\n}) =>\n  intents?.map((intent, index) => (\n    <Intent key={intent.key ?? index} {...intent.props}>\n      {intent.props.icon && <Prefix>{intent.props.icon}</Prefix>}\n      {intent.props.children}\n    </Intent>\n  )) ?? null;\n"],
+  "mappings": "AAkCI,SACwB,KADxB;AA5BJ,SAAS,oBAAoB;AAI7B,SAAS,cAAc;AACvB,SAAS,cAAc;AAEhB,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AACF,MAME,SAAS;AAAA,EAAI,CAAC,QAAQ,UACpB,aAAa,QAAQ,EAAE,KAAK,OAAO,OAAO,MAAM,CAAC;AACnD,KAAK;AAEA,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AACF,MAME,SAAS,IAAI,CAAC,QAAQ,UACpB,qBAAC,UAAkC,GAAG,OAAO,OAC1C;AAAA,SAAO,MAAM,QAAQ,oBAAC,UAAQ,iBAAO,MAAM,MAAK;AAAA,EAChD,OAAO,MAAM;AAAA,KAFH,OAAO,OAAO,KAG3B,CACD,KAAK;",
   "names": []
 }

package/esm/charts/core/components/series-action/ChartSeriesAction.js

@@ -12,7 +12,7 @@ import { SubTrigger } from "../../../../navigation/menu/SubTrigger.js";
 const ChartSeriesActionRoot = ({
   children
 }) => (
-  // eslint-disable-next-line react/jsx-no-useless-fragment
+  // oxlint-disable-next-line react/jsx-no-useless-fragment
   /* @__PURE__ */ jsx(Fragment, { children })
 );
 ChartSeriesActionRoot["displayName"] = "ChartSeriesAction";

package/esm/charts/core/components/series-action/ChartSeriesAction.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/series-action/ChartSeriesAction.tsx"],
-  "sourcesContent": ["import {\n  type ElementType,\n  type PropsWithChildren,\n  type ReactNode,\n} from 'react';\n\nimport type { IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport { AriaLabelingProps } from '../../../../core/types/a11y-props.js';\nimport { DOMProps } from '../../../../core/types/dom.js';\nimport { Group } from '../../../../navigation/menu/Group.js';\nimport { Intent } from '../../../../navigation/menu/Intent.js';\nimport { Item } from '../../../../navigation/menu/Item.js';\nimport { ItemTooltip } from '../../../../navigation/menu/ItemTooltip.js';\nimport { Label } from '../../../../navigation/menu/Label.js';\nimport { Link, type MenuLinkProps } from '../../../../navigation/menu/Link.js';\nimport { Prefix } from '../../../../navigation/menu/Prefix.js';\nimport { Sub } from '../../../../navigation/menu/Sub.js';\nimport { SubContent } from '../../../../navigation/menu/SubContent.js';\nimport { SubTrigger } from '../../../../navigation/menu/SubTrigger.js';\n\n/**\n * @public\n */\nexport type ChartSeriesActionProps = DOMProps &\n  AriaLabelingProps & {\n    children: ReactNode;\n    /**\n     * Disabled\n     * @defaultValue false\n     */\n    disabled?: boolean;\n  };\n\n/**\n * ChartSeriesAction component\n */\nconst ChartSeriesActionRoot = ({\n  children,\n}: PropsWithChildren<ChartSeriesActionProps>) => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  (<>{children}</>)\n);\n\nChartSeriesActionRoot['displayName'] = 'ChartSeriesAction';\n\n/**\n * Slot component for chart series actions\n * @public\n */\nexport const ChartSeriesAction = Object.assign(ChartSeriesActionRoot, {\n  Intent: ({ icon, ...props }: IntentProps) => (\n    <Intent {...props}>\n      {icon && <Prefix>{icon}</Prefix>}\n      {props.children}\n    </Intent>\n  ),\n  Item,\n  ItemTooltip,\n  Label,\n  ItemIcon: Prefix,\n  Group,\n  Sub,\n  SubTrigger,\n  SubContent,\n  Link: (props: MenuLinkProps<ElementType>) => (\n    <Link data-link={true} {...props} />\n  ),\n});\n"],
-  "mappings": "AAwCG,wBAWC,YAXD;AA/BH,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,YAAgC;AACzC,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAkB3B,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AACF;AAAA;AAAA,EAEG,gCAAG,UAAS;AAAA;AAGf,sBAAsB,aAAa,IAAI;AAMhC,MAAM,oBAAoB,OAAO,OAAO,uBAAuB;AAAA,EACpE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,MACxB,qBAAC,UAAQ,GAAG,OACT;AAAA,YAAQ,oBAAC,UAAQ,gBAAK;AAAA,IACtB,MAAM;AAAA,KACT;AAAA,EAEF;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM,CAAC,UACL,oBAAC,QAAK,aAAW,MAAO,GAAG,OAAO;AAEtC,CAAC;",
+  "sourcesContent": ["import {\n  type ElementType,\n  type PropsWithChildren,\n  type ReactNode,\n} from 'react';\n\nimport type { IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport { AriaLabelingProps } from '../../../../core/types/a11y-props.js';\nimport { DOMProps } from '../../../../core/types/dom.js';\nimport { Group } from '../../../../navigation/menu/Group.js';\nimport { Intent } from '../../../../navigation/menu/Intent.js';\nimport { Item } from '../../../../navigation/menu/Item.js';\nimport { ItemTooltip } from '../../../../navigation/menu/ItemTooltip.js';\nimport { Label } from '../../../../navigation/menu/Label.js';\nimport { Link, type MenuLinkProps } from '../../../../navigation/menu/Link.js';\nimport { Prefix } from '../../../../navigation/menu/Prefix.js';\nimport { Sub } from '../../../../navigation/menu/Sub.js';\nimport { SubContent } from '../../../../navigation/menu/SubContent.js';\nimport { SubTrigger } from '../../../../navigation/menu/SubTrigger.js';\n\n/**\n * @public\n */\nexport type ChartSeriesActionProps = DOMProps &\n  AriaLabelingProps & {\n    children: ReactNode;\n    /**\n     * Disabled\n     * @defaultValue false\n     */\n    disabled?: boolean;\n  };\n\n/**\n * ChartSeriesAction component\n */\nconst ChartSeriesActionRoot = ({\n  children,\n}: PropsWithChildren<ChartSeriesActionProps>) => (\n  // oxlint-disable-next-line react/jsx-no-useless-fragment\n  <>{children}</>\n);\n\nChartSeriesActionRoot['displayName'] = 'ChartSeriesAction';\n\n/**\n * Slot component for chart series actions\n * @public\n */\nexport const ChartSeriesAction = Object.assign(ChartSeriesActionRoot, {\n  Intent: ({ icon, ...props }: IntentProps) => (\n    <Intent {...props}>\n      {icon && <Prefix>{icon}</Prefix>}\n      {props.children}\n    </Intent>\n  ),\n  Item,\n  ItemTooltip,\n  Label,\n  ItemIcon: Prefix,\n  Group,\n  Sub,\n  SubTrigger,\n  SubContent,\n  Link: (props: MenuLinkProps<ElementType>) => (\n    <Link data-link={true} {...props} />\n  ),\n});\n"],
+  "mappings": "AAwCE,wBAWE,YAXF;AA/BF,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,YAAgC;AACzC,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAkB3B,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AACF;AAAA;AAAA,EAEE,gCAAG,UAAS;AAAA;AAGd,sBAAsB,aAAa,IAAI;AAMhC,MAAM,oBAAoB,OAAO,OAAO,uBAAuB;AAAA,EACpE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,MACxB,qBAAC,UAAQ,GAAG,OACT;AAAA,YAAQ,oBAAC,UAAQ,gBAAK;AAAA,IACtB,MAAM;AAAA,KACT;AAAA,EAEF;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM,CAAC,UACL,oBAAC,QAAK,aAAW,MAAO,GAAG,OAAO;AAEtC,CAAC;",
   "names": []
 }

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

@@ -1,18 +1,18 @@
-._hctkb30-3-12-1 {
+._hctkb30-3-13-0 {
   border-radius: 50%;
 }
-._hctkb31-3-12-1 {
+._hctkb31-3-13-0 {
   border: 1px solid var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._hctkb32-3-12-1 {
+._hctkb32-3-13-0 {
   border: none;
 }
-._hctkb33-3-12-1 {
+._hctkb33-3-13-0 {
   border-width: 1px;
   border-style: solid;
   border-radius: 50%;
 }
-._hctkb34-3-12-1 {
+._hctkb34-3-13-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-12-1";
-var bubbleBorder = "_hctkb33-3-12-1";
-var bubbleOutline = _7a468({ defaultClassName: "_hctkb30-3-12-1", variantClassNames: { active: { true: "_hctkb31-3-12-1", false: "_hctkb32-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
+var bubble = "_hctkb34-3-13-0";
+var bubbleBorder = "_hctkb33-3-13-0";
+var bubbleOutline = _7a468({ defaultClassName: "_hctkb30-3-13-0", variantClassNames: { active: { true: "_hctkb31-3-13-0", false: "_hctkb32-3-13-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-12-1';\nexport var bubbleBorder = '_hctkb33-3-12-1';\nexport var bubbleOutline = _7a468({defaultClassName:'_hctkb30-3-12-1',variantClassNames:{active:{true:'_hctkb31-3-12-1',false:'_hctkb32-3-12-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './BubbleShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var bubble = '_hctkb34-3-13-0';\nexport var bubbleBorder = '_hctkb33-3-13-0';\nexport var bubbleOutline = _7a468({defaultClassName:'_hctkb30-3-13-0',variantClassNames:{active:{true:'_hctkb31-3-13-0',false:'_hctkb32-3-13-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": []
 }

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

@@ -1,4 +1,4 @@
-._s37yxn0-3-12-1 {
+._s37yxn0-3-13-0 {
   border-radius: 4px;
   display: flex;
   justify-content: center;
@@ -7,9 +7,9 @@
   height: 100%;
   box-sizing: border-box;
 }
-._s37yxn1-3-12-1 {
+._s37yxn1-3-13-0 {
   border: 1px solid var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._s37yxn2-3-12-1 {
+._s37yxn2-3-13-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-12-1", variantClassNames: { active: { true: "_s37yxn1-3-12-1", false: "_s37yxn2-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
+var emojiShape = _7a468({ defaultClassName: "_s37yxn0-3-13-0", variantClassNames: { active: { true: "_s37yxn1-3-13-0", false: "_s37yxn2-3-13-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-12-1',variantClassNames:{active:{true:'_s37yxn1-3-12-1',false:'_s37yxn2-3-12-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './EmojiShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var emojiShape = _7a468({defaultClassName:'_s37yxn0-3-13-0',variantClassNames:{active:{true:'_s37yxn1-3-13-0',false:'_s37yxn2-3-13-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-12-1 {
+._1jwo1lm0-3-13-0 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -7,9 +7,9 @@
   height: 100%;
   box-sizing: border-box;
 }
-._1jwo1lm1-3-12-1 {
+._1jwo1lm1-3-13-0 {
   border: 1px solid var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._1jwo1lm2-3-12-1 {
+._1jwo1lm2-3-13-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-12-1", variantClassNames: { active: { true: "_1jwo1lm1-3-12-1", false: "_1jwo1lm2-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
+var iconShape = _7a468({ defaultClassName: "_1jwo1lm0-3-13-0", variantClassNames: { active: { true: "_1jwo1lm1-3-13-0", false: "_1jwo1lm2-3-13-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-12-1',variantClassNames:{active:{true:'_1jwo1lm1-3-12-1',false:'_1jwo1lm2-3-12-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './IconShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconShape = _7a468({defaultClassName:'_1jwo1lm0-3-13-0',variantClassNames:{active:{true:'_1jwo1lm1-3-13-0',false:'_1jwo1lm2-3-13-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-12-1 {
+._ihihf60-3-13-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-12-1 {
+._ihihf61-3-13-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-12-1 {
+._ihihf62-3-13-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-12-1 {
+._ihihf63-3-13-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-12-1 {
+._ihihf64-3-13-0 {
   margin-top: inherit;
   width: var(--dt-spacings-size-6, 6px);
   height: 72%;
 }
-._ihihf65-3-12-1 {
+._ihihf65-3-13-0 {
   margin: auto auto;
   border-radius: var(--dt-spacings-size-64, 64px);
 }
-._ihihf66-3-12-1 {
+._ihihf66-3-13-0 {
   width: var(--dt-spacings-size-6, 6px);
   height: var(--dt-spacings-size-6, 6px);
 }
-._ihihf67-3-12-1 {
+._ihihf67-3-13-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-12-1", variantClassNames: { singleLine: { true: "_ihihf66-3-12-1", false: "_ihihf67-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
-var multiDimensionIcon = "_ihihf61-3-12-1";
-var outerHighlightedIcon = _7a468({ defaultClassName: "_ihihf62-3-12-1", variantClassNames: { singleLine: { true: "_ihihf63-3-12-1", false: "_ihihf64-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
-var singleDimensionIcon = "_ihihf60-3-12-1";
+var innerHighlightedIcon = _7a468({ defaultClassName: "_ihihf65-3-13-0", variantClassNames: { singleLine: { true: "_ihihf66-3-13-0", false: "_ihihf67-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
+var multiDimensionIcon = "_ihihf61-3-13-0";
+var outerHighlightedIcon = _7a468({ defaultClassName: "_ihihf62-3-13-0", variantClassNames: { singleLine: { true: "_ihihf63-3-13-0", false: "_ihihf64-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
+var singleDimensionIcon = "_ihihf60-3-13-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-12-1',variantClassNames:{singleLine:{true:'_ihihf66-3-12-1',false:'_ihihf67-3-12-1'}},defaultVariants:{},compoundVariants:[]});\nexport var multiDimensionIcon = '_ihihf61-3-12-1';\nexport var outerHighlightedIcon = _7a468({defaultClassName:'_ihihf62-3-12-1',variantClassNames:{singleLine:{true:'_ihihf63-3-12-1',false:'_ihihf64-3-12-1'}},defaultVariants:{},compoundVariants:[]});\nexport var singleDimensionIcon = '_ihihf60-3-12-1';"],
+  "sourcesContent": ["import './DataPointShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var innerHighlightedIcon = _7a468({defaultClassName:'_ihihf65-3-13-0',variantClassNames:{singleLine:{true:'_ihihf66-3-13-0',false:'_ihihf67-3-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var multiDimensionIcon = '_ihihf61-3-13-0';\nexport var outerHighlightedIcon = _7a468({defaultClassName:'_ihihf62-3-13-0',variantClassNames:{singleLine:{true:'_ihihf63-3-13-0',false:'_ihihf64-3-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var singleDimensionIcon = '_ihihf60-3-13-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-12-1 {
+._14qoaxs0-3-13-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-12-1";
+var containerSVG = "_14qoaxs0-3-13-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-12-1';"],
+  "sourcesContent": ["import './SharedChartInteractions.css';\nexport var containerSVG = '_14qoaxs0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe;",
   "names": []
 }

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

@@ -1,24 +1,24 @@
-._utn1m50-3-12-1 {
+._utn1m50-3-13-0 {
   container-type: size;
   height: 100%;
   width: 100%;
   border-radius: 2px;
   position: relative;
 }
-._utn1m51-3-12-1 {
+._utn1m51-3-13-0 {
   container-type: size;
   grid-area: content;
   padding: 8px;
 }
-._utn1m52-3-12-1 {
+._utn1m52-3-13-0 {
   grid-template-columns: 1fr;
   display: grid;
 }
-._utn1m53-3-12-1 {
+._utn1m53-3-13-0 {
   grid-area: sparkline;
   overflow: visible;
 }
-._utn1m54-3-12-1 {
+._utn1m54-3-13-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-12-1";
-var singleValueContainer = "_utn1m50-3-12-1";
-var singleValueInnerContainer = "_utn1m51-3-12-1";
-var sparklineArea = "_utn1m53-3-12-1";
-var trendArea = "_utn1m54-3-12-1";
+var chartStateHandler = "_utn1m52-3-13-0";
+var singleValueContainer = "_utn1m50-3-13-0";
+var singleValueInnerContainer = "_utn1m51-3-13-0";
+var sparklineArea = "_utn1m53-3-13-0";
+var trendArea = "_utn1m54-3-13-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-12-1';\nexport var singleValueContainer = '_utn1m50-3-12-1';\nexport var singleValueInnerContainer = '_utn1m51-3-12-1';\nexport var sparklineArea = '_utn1m53-3-12-1';\nexport var trendArea = '_utn1m54-3-12-1';"],
+  "sourcesContent": ["import './SingleValueRenderer.css';\nexport var chartStateHandler = '_utn1m52-3-13-0';\nexport var singleValueContainer = '_utn1m50-3-13-0';\nexport var singleValueInnerContainer = '_utn1m51-3-13-0';\nexport var sparklineArea = '_utn1m53-3-13-0';\nexport var trendArea = '_utn1m54-3-13-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-12-1 {
+._zdpx4o0-3-13-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-12-1";
+var contentGridStaticStyles = "_zdpx4o0-3-13-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-12-1';"],
+  "sourcesContent": ["import './ContentGrid.css';\nexport var contentGridStaticStyles = '_zdpx4o0-3-13-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-12-1 > svg {
+._84hyuy0-3-13-0 > svg {
   position: absolute;
   width: 2ch;
   height: 2ch;
   top: 50%;
   transform: translateY(-50%);
 }
-._84hyuy1-3-12-1 {
+._84hyuy1-3-13-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-12-1 {
+._84hyuy2-3-13-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-12-1", variantClassNames: { isString: { true: "_84hyuy2-3-12-1", false: "_84hyuy0-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
-var parentSvgStyle = "_84hyuy0-3-12-1";
+var iconStyle = _7a468({ defaultClassName: "_84hyuy1-3-13-0", variantClassNames: { isString: { true: "_84hyuy2-3-13-0", false: "_84hyuy0-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
+var parentSvgStyle = "_84hyuy0-3-13-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-12-1',variantClassNames:{isString:{true:'_84hyuy2-3-12-1',false:'_84hyuy0-3-12-1'}},defaultVariants:{},compoundVariants:[]});\nexport var parentSvgStyle = '_84hyuy0-3-12-1';"],
+  "sourcesContent": ["import './Icon.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconStyle = _7a468({defaultClassName:'_84hyuy1-3-13-0',variantClassNames:{isString:{true:'_84hyuy2-3-13-0',false:'_84hyuy0-3-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var parentSvgStyle = '_84hyuy0-3-13-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-12-1 {
+._nuwbzs0-3-13-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-12-1";
+var labelAreaStaticStyles = "_nuwbzs0-3-13-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-12-1';"],
+  "sourcesContent": ["import './Label.css';\nexport var labelAreaStaticStyles = '_nuwbzs0-3-13-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-12-1 {
+._xtlx2j0-3-13-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-12-1";
+var toolbarOverlayPadding = "_xtlx2j0-3-13-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-12-1';"],
+  "sourcesContent": ["import './SingleValueToolbar.css';\nexport var toolbarOverlayPadding = '_xtlx2j0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,wBAAwB;",
   "names": []
 }