@dynatrace/strato-components 3.11.2 → 3.12.0

package/esm/charts/core/components/toolbar/components/ToolbarMenu.js

@@ -21,6 +21,7 @@ import {
   styledToolbarMenuContainer,
   toolbarMenuGroup
 } from "./ToolbarMenu.sty.js";
+const MenuContent = Menu.Content;
 function renderMenuItems(children) {
   return Children.map(children, (child) => {
     if (isValidElement(child)) {
@@ -45,6 +46,7 @@ const ToolbarMenu = (props) => {
     onMenuLeave,
     menuAlignment = "start",
     onCloseAutoFocus,
+    onInteractOutside,
     "data-dt-name": dtName,
     "data-dt-properties": dtProperties
   } = props;
@@ -112,10 +114,11 @@ const ToolbarMenu = (props) => {
       children: /* @__PURE__ */ jsxs(Menu, { onOpenChange: onMenuOpen, open: isOpen, children: [
         chartActionsButton,
         /* @__PURE__ */ jsx(
-          Menu.Content,
+          MenuContent,
           {
             alignment: menuAlignment,
             onCloseAutoFocus,
+            onInteractOutside,
             children: /* @__PURE__ */ jsx(Menu.Group, { className: toolbarMenuGroup, children: menuItems })
           }
         )

package/esm/charts/core/components/toolbar/components/ToolbarMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/toolbar/components/ToolbarMenu.tsx"],
-  "sourcesContent": ["import {\n  Children,\n  cloneElement,\n  Fragment,\n  isValidElement,\n  type JSX,\n  type PropsWithChildren,\n  type ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { ChevronDownSmallIcon, CrosshairIcon } from '@dynatrace/strato-icons';\n\nimport { Button } from '../../../../../buttons/button/Button.js';\nimport { Menu } from '../../../../../navigation/menu/Menu.js';\nimport { Tooltip } from '../../../../../overlays/tooltip/Tooltip.js';\nimport { useA11yToolbarTabIndex } from '../../../hooks/useA11yToolbarTabIndex.js';\nimport { useToolbarContext } from '../hooks/useToolbarContext.js';\nimport { TOOLBAR_MESSAGES } from '../messages.js';\nimport {\n  styledToolbarMenuContainer,\n  toolbarMenuGroup,\n} from './ToolbarMenu.sty.js';\n\ninterface ChartToolbarMenuProps {\n  children: ReactNode;\n  onMenuOpen: (open: boolean) => void;\n  isOpen?: boolean;\n  onMenuEnter?: () => void;\n  onMenuLeave?: () => void;\n  activeModeIcon?: JSX.Element;\n  triggerLabel?: string;\n  menuAlignment?: 'start' | 'end';\n  onCloseAutoFocus?: (event: Event) => void;\n  isDownloadEnabled?: boolean;\n  toolbarDisplayMode?: 'overlay' | 'inline';\n  /** Behaviour tracking attribute */\n  'data-dt-name'?: string;\n  /** Behaviour tracking attribute */\n  'data-dt-properties'?: string;\n}\n\nfunction renderMenuItems(children: ReactNode): ReactNode {\n  return Children.map(children, (child) => {\n    if (isValidElement<PropsWithChildren>(child)) {\n      if (child.type === Fragment) {\n        return renderMenuItems(child.props.children);\n      }\n\n      return cloneElement(child, {\n        ...child.props,\n      });\n    }\n\n    return child;\n  });\n}\n\n/**\n * ChartToolbarMenu component for displaying a dropdown menu\n */\nexport const ToolbarMenu = (props: ChartToolbarMenuProps) => {\n  const {\n    children,\n    onMenuOpen,\n    isOpen,\n    activeModeIcon,\n    triggerLabel,\n    onMenuEnter,\n    onMenuLeave,\n    menuAlignment = 'start',\n    onCloseAutoFocus,\n    'data-dt-name': dtName,\n    'data-dt-properties': dtProperties,\n  } = props;\n  const [isHoverChartToolsIcon, setIsHoverChartToolsIcon] =\n    useState<boolean>(false);\n  const menuTriggerButtonRef = useRef<HTMLButtonElement>(null);\n  const tabIndex = useA11yToolbarTabIndex('explore');\n  const intl = useIntl();\n  const { isExpanded } = useToolbarContext();\n\n  const menuItems = useMemo(() => renderMenuItems(children), [children]);\n\n  useEffect(() => {\n    if (tabIndex === 0 && menuTriggerButtonRef.current) {\n      menuTriggerButtonRef.current?.focus();\n    }\n  }, [menuTriggerButtonRef, tabIndex]);\n\n  const chartActionsButton = useMemo(() => {\n    const tooltipText = isExpanded\n      ? triggerLabel ?? intl.formatMessage(TOOLBAR_MESSAGES.changeMode)\n      : intl.formatMessage(TOOLBAR_MESSAGES.chartTools);\n\n    const handleMenuOpenChange = (isOpen: boolean) =>\n      setIsHoverChartToolsIcon(isOpen);\n\n    return (\n      <Tooltip\n        text={tooltipText}\n        open={isHoverChartToolsIcon}\n        onOpenChange={handleMenuOpenChange}\n      >\n        <Menu.Trigger>\n          <Button\n            variant=\"default\"\n            size=\"condensed\"\n            ref={menuTriggerButtonRef}\n            tabIndex={tabIndex}\n            data-dt-name={dtName}\n            data-dt-properties={dtProperties}\n          >\n            <Button.Prefix>{activeModeIcon ?? <CrosshairIcon />}</Button.Prefix>\n            <Button.Suffix>\n              <ChevronDownSmallIcon />\n            </Button.Suffix>\n          </Button>\n        </Menu.Trigger>\n      </Tooltip>\n    );\n  }, [\n    isHoverChartToolsIcon,\n    isExpanded,\n    activeModeIcon,\n    triggerLabel,\n    intl,\n    tabIndex,\n    dtName,\n    dtProperties,\n  ]);\n\n  const handleOnMouseEnter = () => {\n    onMenuEnter?.();\n  };\n\n  const handleOnMouseLeave = () => {\n    onMenuLeave?.();\n  };\n\n  return (\n    <div\n      className={styledToolbarMenuContainer({\n        inline: props.toolbarDisplayMode === 'inline',\n      })}\n      onMouseEnter={handleOnMouseEnter}\n      onMouseLeave={handleOnMouseLeave}\n    >\n      <Menu onOpenChange={onMenuOpen} open={isOpen}>\n        {chartActionsButton}\n        <Menu.Content\n          alignment={menuAlignment}\n          onCloseAutoFocus={onCloseAutoFocus}\n        >\n          <Menu.Group className={toolbarMenuGroup}>{menuItems}</Menu.Group>\n        </Menu.Content>\n      </Menu>\n    </div>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  Children,\n  cloneElement,\n  type ComponentProps,\n  type ForwardRefExoticComponent,\n  Fragment,\n  isValidElement,\n  type JSX,\n  type PropsWithChildren,\n  type ReactNode,\n  type RefAttributes,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { ChevronDownSmallIcon, CrosshairIcon } from '@dynatrace/strato-icons';\n\nimport { Button } from '../../../../../buttons/button/Button.js';\nimport { Menu } from '../../../../../navigation/menu/Menu.js';\nimport { Tooltip } from '../../../../../overlays/tooltip/Tooltip.js';\nimport { useA11yToolbarTabIndex } from '../../../hooks/useA11yToolbarTabIndex.js';\nimport { useToolbarContext } from '../hooks/useToolbarContext.js';\nimport { TOOLBAR_MESSAGES } from '../messages.js';\nimport {\n  styledToolbarMenuContainer,\n  toolbarMenuGroup,\n} from './ToolbarMenu.sty.js';\n\nconst MenuContent = Menu.Content as ForwardRefExoticComponent<\n  ComponentProps<typeof Menu.Content> & {\n    onInteractOutside?: (event: Event) => void;\n  } & RefAttributes<HTMLDivElement>\n>;\n\ninterface ChartToolbarMenuProps {\n  children: ReactNode;\n  onMenuOpen: (open: boolean) => void;\n  isOpen?: boolean;\n  onMenuEnter?: () => void;\n  onMenuLeave?: () => void;\n  activeModeIcon?: JSX.Element;\n  triggerLabel?: string;\n  menuAlignment?: 'start' | 'end';\n  onCloseAutoFocus?: (event: Event) => void;\n  onInteractOutside?: (event: Event) => void;\n  isDownloadEnabled?: boolean;\n  toolbarDisplayMode?: 'overlay' | 'inline';\n  /** Behaviour tracking attribute */\n  'data-dt-name'?: string;\n  /** Behaviour tracking attribute */\n  'data-dt-properties'?: string;\n}\n\nfunction renderMenuItems(children: ReactNode): ReactNode {\n  return Children.map(children, (child) => {\n    if (isValidElement<PropsWithChildren>(child)) {\n      if (child.type === Fragment) {\n        return renderMenuItems(child.props.children);\n      }\n\n      return cloneElement(child, {\n        ...child.props,\n      });\n    }\n\n    return child;\n  });\n}\n\n/**\n * ChartToolbarMenu component for displaying a dropdown menu\n */\nexport const ToolbarMenu = (props: ChartToolbarMenuProps) => {\n  const {\n    children,\n    onMenuOpen,\n    isOpen,\n    activeModeIcon,\n    triggerLabel,\n    onMenuEnter,\n    onMenuLeave,\n    menuAlignment = 'start',\n    onCloseAutoFocus,\n    onInteractOutside,\n    'data-dt-name': dtName,\n    'data-dt-properties': dtProperties,\n  } = props;\n  const [isHoverChartToolsIcon, setIsHoverChartToolsIcon] =\n    useState<boolean>(false);\n  const menuTriggerButtonRef = useRef<HTMLButtonElement>(null);\n  const tabIndex = useA11yToolbarTabIndex('explore');\n  const intl = useIntl();\n  const { isExpanded } = useToolbarContext();\n\n  const menuItems = useMemo(() => renderMenuItems(children), [children]);\n\n  useEffect(() => {\n    if (tabIndex === 0 && menuTriggerButtonRef.current) {\n      menuTriggerButtonRef.current?.focus();\n    }\n  }, [menuTriggerButtonRef, tabIndex]);\n\n  const chartActionsButton = useMemo(() => {\n    const tooltipText = isExpanded\n      ? (triggerLabel ?? intl.formatMessage(TOOLBAR_MESSAGES.changeMode))\n      : intl.formatMessage(TOOLBAR_MESSAGES.chartTools);\n\n    const handleMenuOpenChange = (isOpen: boolean) =>\n      setIsHoverChartToolsIcon(isOpen);\n\n    return (\n      <Tooltip\n        text={tooltipText}\n        open={isHoverChartToolsIcon}\n        onOpenChange={handleMenuOpenChange}\n      >\n        <Menu.Trigger>\n          <Button\n            variant=\"default\"\n            size=\"condensed\"\n            ref={menuTriggerButtonRef}\n            tabIndex={tabIndex}\n            data-dt-name={dtName}\n            data-dt-properties={dtProperties}\n          >\n            <Button.Prefix>{activeModeIcon ?? <CrosshairIcon />}</Button.Prefix>\n            <Button.Suffix>\n              <ChevronDownSmallIcon />\n            </Button.Suffix>\n          </Button>\n        </Menu.Trigger>\n      </Tooltip>\n    );\n  }, [\n    isHoverChartToolsIcon,\n    isExpanded,\n    activeModeIcon,\n    triggerLabel,\n    intl,\n    tabIndex,\n    dtName,\n    dtProperties,\n  ]);\n\n  const handleOnMouseEnter = () => {\n    onMenuEnter?.();\n  };\n\n  const handleOnMouseLeave = () => {\n    onMenuLeave?.();\n  };\n\n  return (\n    <div\n      className={styledToolbarMenuContainer({\n        inline: props.toolbarDisplayMode === 'inline',\n      })}\n      onMouseEnter={handleOnMouseEnter}\n      onMouseLeave={handleOnMouseLeave}\n    >\n      <Menu onOpenChange={onMenuOpen} open={isOpen}>\n        {chartActionsButton}\n        <MenuContent\n          alignment={menuAlignment}\n          onCloseAutoFocus={onCloseAutoFocus}\n          onInteractOutside={onInteractOutside}\n        >\n          <Menu.Group className={toolbarMenuGroup}>{menuItems}</Menu.Group>\n        </MenuContent>\n      </Menu>\n    </div>\n  );\n};\n"],
+  "mappings": "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",
   "names": ["isOpen"]
 }

package/esm/charts/core/components/toolbar/components/ToolbarMenu.sty.js

@@ -1,7 +1,7 @@
 import "./ToolbarMenu.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var styledToolbarMenuContainer = _7a468({ defaultClassName: "_auj9i40-3-11-2", variantClassNames: { inline: { true: "_auj9i41-3-11-2", false: "_auj9i42-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
-var toolbarMenuGroup = "_auj9i43-3-11-2";
+var styledToolbarMenuContainer = _7a468({ defaultClassName: "_auj9i40-3-12-0", variantClassNames: { inline: { true: "_auj9i41-3-12-0", false: "_auj9i42-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
+var toolbarMenuGroup = "_auj9i43-3-12-0";
 export {
   styledToolbarMenuContainer,
   toolbarMenuGroup

package/esm/charts/core/components/toolbar/components/ToolbarMenu.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/toolbar/components/ToolbarMenu.css.ts"],
-  "sourcesContent": ["import './ToolbarMenu.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var styledToolbarMenuContainer = _7a468({defaultClassName:'_auj9i40-3-11-2',variantClassNames:{inline:{true:'_auj9i41-3-11-2',false:'_auj9i42-3-11-2'}},defaultVariants:{},compoundVariants:[]});\nexport var toolbarMenuGroup = '_auj9i43-3-11-2';"],
+  "sourcesContent": ["import './ToolbarMenu.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var styledToolbarMenuContainer = _7a468({defaultClassName:'_auj9i40-3-12-0',variantClassNames:{inline:{true:'_auj9i41-3-12-0',false:'_auj9i42-3-12-0'}},defaultVariants:{},compoundVariants:[]});\nexport var toolbarMenuGroup = '_auj9i43-3-12-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,6BAA6B,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/L,IAAI,mBAAmB;",
   "names": []
 }

package/esm/charts/core/components/toolbar/styles.css

@@ -1,3 +1,3 @@
-._1bfp49g0-3-11-2 {
+._1bfp49g0-3-12-0 {
   font-weight: var(--dt-typography-text-base-default-weight, 400);
 }

package/esm/charts/core/components/toolbar/styles.sty.js

@@ -1,5 +1,5 @@
 import "./styles.css";
-var styledOrText = "_1bfp49g0-3-11-2";
+var styledOrText = "_1bfp49g0-3-12-0";
 export {
   styledOrText
 };

package/esm/charts/core/components/toolbar/styles.sty.js.map

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

package/esm/charts/core/components/tooltip/ChartTooltip/ChartTooltip.css

@@ -1,4 +1,4 @@
-._nhy85h0-3-11-2 {
+._nhy85h0-3-12-0 {
   display: inline-block;
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -13,19 +13,19 @@
   max-height: 200px;
   overflow: hidden;
 }
-._nhy85h0-3-11-2[data-placement="right"] {
+._nhy85h0-3-12-0[data-placement="right"] {
   transform-origin: 0 calc(1rem + 18px);
 }
-._nhy85h0-3-11-2[data-placement="left"] {
+._nhy85h0-3-12-0[data-placement="left"] {
   transform-origin: 100% calc(1rem + 18px);
 }
-._nhy85h1-3-11-2 {
+._nhy85h1-3-12-0 {
   z-index: var(--dt-elevations-overlay, 20);
   position: fixed;
 }
-._nhy85h2-3-11-2 {
+._nhy85h2-3-12-0 {
   pointer-events: all;
 }
-._nhy85h3-3-11-2 {
+._nhy85h3-3-12-0 {
   pointer-events: none;
 }

package/esm/charts/core/components/tooltip/ChartTooltip/ChartTooltip.sty.js

@@ -1,7 +1,7 @@
 import "./ChartTooltip.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var chartTooltip = "_nhy85h0-3-11-2";
-var wrapper = _7a468({ defaultClassName: "_nhy85h1-3-11-2", variantClassNames: { isPinned: { true: "_nhy85h2-3-11-2", false: "_nhy85h3-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var chartTooltip = "_nhy85h0-3-12-0";
+var wrapper = _7a468({ defaultClassName: "_nhy85h1-3-12-0", variantClassNames: { isPinned: { true: "_nhy85h2-3-12-0", false: "_nhy85h3-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   chartTooltip,
   wrapper

package/esm/charts/core/components/tooltip/ChartTooltip/ChartTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/tooltip/ChartTooltip/ChartTooltip.css.ts"],
-  "sourcesContent": ["import './ChartTooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chartTooltip = '_nhy85h0-3-11-2';\nexport var wrapper = _7a468({defaultClassName:'_nhy85h1-3-11-2',variantClassNames:{isPinned:{true:'_nhy85h2-3-11-2',false:'_nhy85h3-3-11-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ChartTooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chartTooltip = '_nhy85h0-3-12-0';\nexport var wrapper = _7a468({defaultClassName:'_nhy85h1-3-12-0',variantClassNames:{isPinned:{true:'_nhy85h2-3-12-0',false:'_nhy85h3-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe;AACnB,IAAI,UAAU,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/tooltip/ChartTooltip/components/ActionItem/ActionItem.css

@@ -1,34 +1,34 @@
-._ejcjne0-3-11-2 {
+._ejcjne0-3-12-0 {
   padding: var(--dt-spacings-size-6, 6px);
   gap: var(--dt-spacings-size-4, 4px);
   box-sizing: border-box;
   pointer-events: auto;
 }
-._ejcjne0-3-11-2:hover {
+._ejcjne0-3-12-0:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._ejcjne2-3-11-2 {
+._ejcjne2-3-12-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   cursor: not-allowed;
 }
-._ejcjne3-3-11-2 {
+._ejcjne3-3-12-0 {
   cursor: pointer;
 }
-._ejcjne4-3-11-2 {
+._ejcjne4-3-12-0 {
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);
   line-height: var(--dt-typography-text-base-emphasized-line-height, 1.4285714286);
 }
-._ejcjne1-3-11-2 ._ejcjne0-3-11-2 ._ejcjne2-3-11-2 ._ejcjne4-3-11-2 {
+._ejcjne1-3-12-0 ._ejcjne0-3-12-0 ._ejcjne2-3-12-0 ._ejcjne4-3-12-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   cursor: not-allowed;
 }
-._ejcjne1-3-11-2 ._ejcjne0-3-11-2 ._ejcjne3-3-11-2 ._ejcjne4-3-11-2 {
+._ejcjne1-3-12-0 ._ejcjne0-3-12-0 ._ejcjne3-3-12-0 ._ejcjne4-3-12-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._ejcjne5-3-11-2 {
+._ejcjne5-3-12-0 {
   margin-left: auto;
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);

package/esm/charts/core/components/tooltip/ChartTooltip/components/ActionItem/ActionItem.sty.js

@@ -1,9 +1,9 @@
 import "../../../section-components/TooltipItem/TooltipItem.css";
 import "./ActionItem.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var actionContainer = _7a468({ defaultClassName: "_ejcjne1-3-11-2 _ejcjne0-3-11-2 _1xw2xi60-3-11-2", variantClassNames: { disabled: { true: "_ejcjne2-3-11-2", false: "_ejcjne3-3-11-2" } }, defaultVariants: { disabled: false }, compoundVariants: [] });
-var actionShortcut = "_ejcjne5-3-11-2";
-var actionText = "_ejcjne4-3-11-2";
+var actionContainer = _7a468({ defaultClassName: "_ejcjne1-3-12-0 _ejcjne0-3-12-0 _1xw2xi60-3-12-0", variantClassNames: { disabled: { true: "_ejcjne2-3-12-0", false: "_ejcjne3-3-12-0" } }, defaultVariants: { disabled: false }, compoundVariants: [] });
+var actionShortcut = "_ejcjne5-3-12-0";
+var actionText = "_ejcjne4-3-12-0";
 export {
   actionContainer,
   actionShortcut,

package/esm/charts/core/components/tooltip/ChartTooltip/components/ActionItem/ActionItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/tooltip/ChartTooltip/components/ActionItem/ActionItem.css.ts"],
-  "sourcesContent": ["import '../../../section-components/TooltipItem/TooltipItem.css';\nimport './ActionItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var actionContainer = _7a468({defaultClassName:'_ejcjne1-3-11-2 _ejcjne0-3-11-2 _1xw2xi60-3-11-2',variantClassNames:{disabled:{true:'_ejcjne2-3-11-2',false:'_ejcjne3-3-11-2'}},defaultVariants:{disabled:false},compoundVariants:[]});\nexport var actionShortcut = '_ejcjne5-3-11-2';\nexport var actionText = '_ejcjne4-3-11-2';"],
+  "sourcesContent": ["import '../../../section-components/TooltipItem/TooltipItem.css';\nimport './ActionItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var actionContainer = _7a468({defaultClassName:'_ejcjne1-3-12-0 _ejcjne0-3-12-0 _1xw2xi60-3-12-0',variantClassNames:{disabled:{true:'_ejcjne2-3-12-0',false:'_ejcjne3-3-12-0'}},defaultVariants:{disabled:false},compoundVariants:[]});\nexport var actionShortcut = '_ejcjne5-3-12-0';\nexport var actionText = '_ejcjne4-3-12-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,oDAAmD,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACrO,IAAI,iBAAiB;AACrB,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/core/components/tooltip/ChartTooltip/components/SeriesItem/SeriesItem.css

@@ -1,8 +1,8 @@
-._dov7bc0-3-11-2 {
+._dov7bc0-3-12-0 {
   min-width: 24px;
   max-width: 120px;
   text-align: center;
 }
-._dov7bc0-3-11-2:not(:last-of-type) {
+._dov7bc0-3-12-0:not(:last-of-type) {
   margin-right: var(--dt-spacings-size-2, 2px);
 }

package/esm/charts/core/components/tooltip/ChartTooltip/components/SeriesItem/SeriesItem.sty.js

@@ -1,5 +1,5 @@
 import "./SeriesItem.css";
-var valueContent = "_dov7bc0-3-11-2";
+var valueContent = "_dov7bc0-3-12-0";
 export {
   valueContent
 };

package/esm/charts/core/components/tooltip/ChartTooltip/components/SeriesItem/SeriesItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/tooltip/ChartTooltip/components/SeriesItem/SeriesItem.css.ts"],
-  "sourcesContent": ["import './SeriesItem.css';\nexport var valueContent = '_dov7bc0-3-11-2';"],
+  "sourcesContent": ["import './SeriesItem.css';\nexport var valueContent = '_dov7bc0-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe;",
   "names": []
 }

package/esm/charts/core/components/tooltip/ChartTooltip/components/TimeFrameHeader/TimeFrameHeader.css

@@ -1,4 +1,4 @@
-._12qth3i0-3-11-2 {
+._12qth3i0-3-12-0 {
   width: auto;
   white-space: nowrap;
   overflow: hidden;

package/esm/charts/core/components/tooltip/ChartTooltip/components/TimeFrameHeader/TimeFrameHeader.sty.js

@@ -1,5 +1,5 @@
 import "./TimeFrameHeader.css";
-var formattedTimeframe = "_12qth3i0-3-11-2";
+var formattedTimeframe = "_12qth3i0-3-12-0";
 export {
   formattedTimeframe
 };

package/esm/charts/core/components/tooltip/ChartTooltip/components/TimeFrameHeader/TimeFrameHeader.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/tooltip/ChartTooltip/components/TimeFrameHeader/TimeFrameHeader.css.ts"],
-  "sourcesContent": ["import './TimeFrameHeader.css';\nexport var formattedTimeframe = '_12qth3i0-3-11-2';"],
+  "sourcesContent": ["import './TimeFrameHeader.css';\nexport var formattedTimeframe = '_12qth3i0-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/components/BasicChartTooltip/BasicChartTooltip.css

@@ -1,13 +1,13 @@
-._10q856z0-3-11-2 {
+._10q856z0-3-12-0 {
   position: fixed;
 }
-._10q856z1-3-11-2 {
+._10q856z1-3-12-0 {
   pointer-events: all;
 }
-._10q856z2-3-11-2 {
+._10q856z2-3-12-0 {
   pointer-events: none;
 }
-._10q856z3-3-11-2 {
+._10q856z3-3-12-0 {
   display: inline-block;
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -17,9 +17,9 @@
   padding: var(--dt-spacings-size-4, 4px);
   box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
 }
-._10q856z3-3-11-2[data-placement="right"] {
+._10q856z3-3-12-0[data-placement="right"] {
   transform-origin: 0 calc(1rem + 18px);
 }
-._10q856z3-3-11-2[data-placement="left"] {
+._10q856z3-3-12-0[data-placement="left"] {
   transform-origin: 100% calc(1rem + 18px);
 }

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/components/BasicChartTooltip/BasicChartTooltip.sty.js

@@ -1,7 +1,7 @@
 import "./BasicChartTooltip.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var chartTooltip = "_10q856z3-3-11-2";
-var wrapper = _7a468({ defaultClassName: "_10q856z0-3-11-2", variantClassNames: { isPinned: { true: "_10q856z1-3-11-2", false: "_10q856z2-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var chartTooltip = "_10q856z3-3-12-0";
+var wrapper = _7a468({ defaultClassName: "_10q856z0-3-12-0", variantClassNames: { isPinned: { true: "_10q856z1-3-12-0", false: "_10q856z2-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   chartTooltip,
   wrapper

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/components/BasicChartTooltip/BasicChartTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/tooltip/InteractiveChartTooltip/components/BasicChartTooltip/BasicChartTooltip.css.ts"],
-  "sourcesContent": ["import './BasicChartTooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chartTooltip = '_10q856z3-3-11-2';\nexport var wrapper = _7a468({defaultClassName:'_10q856z0-3-11-2',variantClassNames:{isPinned:{true:'_10q856z1-3-11-2',false:'_10q856z2-3-11-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './BasicChartTooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chartTooltip = '_10q856z3-3-12-0';\nexport var wrapper = _7a468({defaultClassName:'_10q856z0-3-12-0',variantClassNames:{isPinned:{true:'_10q856z1-3-12-0',false:'_10q856z2-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe;AACnB,IAAI,UAAU,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,UAAS,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.css

@@ -1,7 +1,7 @@
-._1fjte610-3-11-2 {
+._1fjte610-3-12-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1fjte610-3-11-2 .ft-separator {
+._1fjte610-3-12-0 .ft-separator {
   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);
@@ -9,22 +9,22 @@
   text-decoration: var(--dt-typography-text-small-default-text-decoration, none);
   text-transform: var(--dt-typography-text-small-default-text-transform, none);
 }
-._1fjte611-3-11-2 {
+._1fjte611-3-12-0 {
   white-space: nowrap;
   flex-wrap: wrap;
 }
-._1fjte612-3-11-2 {
+._1fjte612-3-12-0 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1fjte613-3-11-2 {
+._1fjte613-3-12-0 {
   position: relative;
 }
-._1fjte614-3-11-2 {
+._1fjte614-3-12-0 {
   overflow: hidden auto;
   width: 100%;
 }
-._1fjte615-3-11-2 {
+._1fjte615-3-12-0 {
   width: 100%;
 }

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.sty.js

@@ -1,11 +1,11 @@
 import "../../../../../../styles/textStyle.css";
 import "./InteractiveChartTooltip.css";
-var formattedTimeframe = "_1fjte612-3-11-2";
-var scrollableContainerParent = "_1fjte614-3-11-2";
-var titleContainer = "_1fjte611-3-11-2";
-var tooltipHeader = "_1fjte610-3-11-2 _da9a8v0-3-11-2 _da9a8v2-3-11-2 _da9a8v6-3-11-2 _da9a8ve-3-11-2";
-var tooltipItem = "_1fjte615-3-11-2";
-var tooltipItemsContainer = "_1fjte613-3-11-2";
+var formattedTimeframe = "_1fjte612-3-12-0";
+var scrollableContainerParent = "_1fjte614-3-12-0";
+var titleContainer = "_1fjte611-3-12-0";
+var tooltipHeader = "_1fjte610-3-12-0 _da9a8v0-3-12-0 _da9a8v2-3-12-0 _da9a8v6-3-12-0 _da9a8ve-3-12-0";
+var tooltipItem = "_1fjte615-3-12-0";
+var tooltipItemsContainer = "_1fjte613-3-12-0";
 export {
   formattedTimeframe,
   scrollableContainerParent,

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.css.ts"],
-  "sourcesContent": ["import '../../../../../../styles/textStyle.css';\nimport './InteractiveChartTooltip.css';\nexport var formattedTimeframe = '_1fjte612-3-11-2';\nexport var scrollableContainerParent = '_1fjte614-3-11-2';\nexport var titleContainer = '_1fjte611-3-11-2';\nexport var tooltipHeader = '_1fjte610-3-11-2 _da9a8v0-3-11-2 _da9a8v2-3-11-2 _da9a8v6-3-11-2 _da9a8ve-3-11-2';\nexport var tooltipItem = '_1fjte615-3-11-2';\nexport var tooltipItemsContainer = '_1fjte613-3-11-2';"],
+  "sourcesContent": ["import '../../../../../../styles/textStyle.css';\nimport './InteractiveChartTooltip.css';\nexport var formattedTimeframe = '_1fjte612-3-12-0';\nexport var scrollableContainerParent = '_1fjte614-3-12-0';\nexport var titleContainer = '_1fjte611-3-12-0';\nexport var tooltipHeader = '_1fjte610-3-12-0 _da9a8v0-3-12-0 _da9a8v2-3-12-0 _da9a8v6-3-12-0 _da9a8ve-3-12-0';\nexport var tooltipItem = '_1fjte615-3-12-0';\nexport var tooltipItemsContainer = '_1fjte613-3-12-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,qBAAqB;AACzB,IAAI,4BAA4B;AAChC,IAAI,iBAAiB;AACrB,IAAI,gBAAgB;AACpB,IAAI,cAAc;AAClB,IAAI,wBAAwB;",
   "names": []
 }

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/headers/HeaderTooltip.css

@@ -1,4 +1,4 @@
-._rbdnmj0-3-11-2 {
+._rbdnmj0-3-12-0 {
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);
   padding-left: var(--dt-spacings-size-4, 4px);

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/headers/HeaderTooltip.sty.js

@@ -1,5 +1,5 @@
 import "./HeaderTooltip.css";
-var resolutionStyle = "_rbdnmj0-3-11-2";
+var resolutionStyle = "_rbdnmj0-3-12-0";
 export {
   resolutionStyle
 };

package/esm/charts/core/components/tooltip/InteractiveChartTooltip/headers/HeaderTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/InteractiveChartTooltip/headers/HeaderTooltip.css.ts"],
-  "sourcesContent": ["import './HeaderTooltip.css';\nexport var resolutionStyle = '_rbdnmj0-3-11-2';"],
+  "sourcesContent": ["import './HeaderTooltip.css';\nexport var resolutionStyle = '_rbdnmj0-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/core/components/tooltip/section-components/TooltipFooter/TooltipFooter.css

@@ -1,4 +1,4 @@
-._dsuaez0-3-11-2 {
+._dsuaez0-3-12-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   text-align: right;

package/esm/charts/core/components/tooltip/section-components/TooltipFooter/TooltipFooter.sty.js

@@ -1,5 +1,5 @@
 import "./TooltipFooter.css";
-var container = "_dsuaez0-3-11-2";
+var container = "_dsuaez0-3-12-0";
 export {
   container
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/section-components/TooltipFooter/TooltipFooter.css.ts"],
-  "sourcesContent": ["import './TooltipFooter.css';\nexport var container = '_dsuaez0-3-11-2';"],
+  "sourcesContent": ["import './TooltipFooter.css';\nexport var container = '_dsuaez0-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/core/components/tooltip/section-components/TooltipHeader/TooltipHeader.css

@@ -1,7 +1,7 @@
-._1am3djx0-3-11-2 {
+._1am3djx0-3-12-0 {
   gap: var(--dt-spacings-size-4, 4px);
   flex-direction: column;
 }
-._1am3djx1-3-11-2 {
+._1am3djx1-3-12-0 {
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }

package/esm/charts/core/components/tooltip/section-components/TooltipHeader/TooltipHeader.sty.js

@@ -1,6 +1,6 @@
 import "./TooltipHeader.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var container = _7a468({ defaultClassName: "_1am3djx0-3-11-2", variantClassNames: { withBorder: { true: "_1am3djx1-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var container = _7a468({ defaultClassName: "_1am3djx0-3-12-0", variantClassNames: { withBorder: { true: "_1am3djx1-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   container
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/section-components/TooltipHeader/TooltipHeader.css.ts"],
-  "sourcesContent": ["import './TooltipHeader.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var container = _7a468({defaultClassName:'_1am3djx0-3-11-2',variantClassNames:{withBorder:{true:'_1am3djx1-3-11-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './TooltipHeader.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var container = _7a468({defaultClassName:'_1am3djx0-3-12-0',variantClassNames:{withBorder:{true:'_1am3djx1-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,YAAW,EAAC,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/tooltip/section-components/TooltipInfoContent/TooltipInfoContent.css

@@ -1,4 +1,4 @@
-._o71nz30-3-11-2 {
+._o71nz30-3-12-0 {
   flex: 1 1 auto;
   padding-right: var(--dt-spacings-size-8, 8px);
   text-align: left;

package/esm/charts/core/components/tooltip/section-components/TooltipInfoContent/TooltipInfoContent.sty.js

@@ -1,5 +1,5 @@
 import "./TooltipInfoContent.css";
-var container = "_o71nz30-3-11-2";
+var container = "_o71nz30-3-12-0";
 export {
   container
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/section-components/TooltipInfoContent/TooltipInfoContent.css.ts"],
-  "sourcesContent": ["import './TooltipInfoContent.css';\nexport var container = '_o71nz30-3-11-2';"],
+  "sourcesContent": ["import './TooltipInfoContent.css';\nexport var container = '_o71nz30-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/core/components/tooltip/section-components/TooltipItem/TooltipItem.css

@@ -1,9 +1,9 @@
-._1xw2xi60-3-11-2 {
+._1xw2xi60-3-12-0 {
   align-items: center;
   display: flex;
   width: 100%;
 }
-._1xw2xi61-3-11-2 {
+._1xw2xi61-3-12-0 {
   display: block;
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);
@@ -16,7 +16,7 @@
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._1xw2xi61-3-11-2:hover {
+._1xw2xi61-3-12-0:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   border-radius: var(--dt-borders-radius-field-subdued, 3px);

package/esm/charts/core/components/tooltip/section-components/TooltipItem/TooltipItem.sty.js

@@ -1,6 +1,6 @@
 import "./TooltipItem.css";
-var container = "_1xw2xi61-3-11-2";
-var itemContainer = "_1xw2xi60-3-11-2";
+var container = "_1xw2xi61-3-12-0";
+var itemContainer = "_1xw2xi60-3-12-0";
 export {
   container,
   itemContainer

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/section-components/TooltipItem/TooltipItem.css.ts"],
-  "sourcesContent": ["import './TooltipItem.css';\nexport var container = '_1xw2xi61-3-11-2';\nexport var itemContainer = '_1xw2xi60-3-11-2';"],
+  "sourcesContent": ["import './TooltipItem.css';\nexport var container = '_1xw2xi61-3-12-0';\nexport var itemContainer = '_1xw2xi60-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/core/components/tooltip/section-components/TooltipSymbolContent/TooltipSymbolContent.css

@@ -1,4 +1,4 @@
-._1alqzxh0-3-11-2 {
+._1alqzxh0-3-12-0 {
   flex: 0 0 var(--dt-spacings-size-24, 24px);
   height: var(--dt-spacings-size-24, 24px);
   padding-right: var(--dt-spacings-size-4, 4px);

package/esm/charts/core/components/tooltip/section-components/TooltipSymbolContent/TooltipSymbolContent.sty.js

@@ -1,5 +1,5 @@
 import "./TooltipSymbolContent.css";
-var container = "_1alqzxh0-3-11-2";
+var container = "_1alqzxh0-3-12-0";
 export {
   container
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/section-components/TooltipSymbolContent/TooltipSymbolContent.css.ts"],
-  "sourcesContent": ["import './TooltipSymbolContent.css';\nexport var container = '_1alqzxh0-3-11-2';"],
+  "sourcesContent": ["import './TooltipSymbolContent.css';\nexport var container = '_1alqzxh0-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }