@dynatrace/strato-components 3.4.1 → 3.5.2

package/tables/utils/data-table-border-width.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var data_table_border_width_exports = {};
+__export(data_table_border_width_exports, {
+  getDataTableBorderWidth: () => getDataTableBorderWidth
+});
+module.exports = __toCommonJS(data_table_border_width_exports);
+var import_is_visual_refresh_enabled = require("../../core/utils/is-visual-refresh-enabled.js");
+var import_constants = require("../DataTable/constants.js");
+function getDataTableBorderWidth() {
+  return (0, import_is_visual_refresh_enabled.isVisualRefreshEnabled)() ? import_constants.DATA_TABLE_BORDER_WIDTH_VISUAL_REFRESH : import_constants.DATA_TABLE_BORDER_WIDTH;
+}

package/typography/block-quote/Blockquote.css

@@ -1,11 +1,11 @@
-._1knl9z60-3-4-1 {
+._1knl9z60-3-5-2 {
   position: relative;
   margin: var(--dt-spacings-size-0, 0);
   padding-left: var(--dt-spacings-size-40, 40px);
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._1knl9z60-3-4-1:before {
+._1knl9z60-3-5-2:before {
   content: "";
   position: absolute;
   top: 0;

package/typography/block-quote/Blockquote.sty.js

@@ -21,4 +21,4 @@ __export(Blockquote_css_exports, {
 });
 module.exports = __toCommonJS(Blockquote_css_exports);
 var import_Blockquote_css_ts_vanilla = require("./Blockquote.css");
-var blockquoteCSS = "_1knl9z60-3-4-1";
+var blockquoteCSS = "_1knl9z60-3-5-2";

package/typography/code/Code.css

@@ -1,4 +1,4 @@
-._1v51izp0-3-4-1 {
+._1v51izp0-3-5-2 {
   background: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);

package/typography/code/Code.sty.js

@@ -21,4 +21,4 @@ __export(Code_css_exports, {
 });
 module.exports = __toCommonJS(Code_css_exports);
 var import_Code_css_ts_vanilla = require("./Code.css");
-var codeCSS = "_1v51izp0-3-4-1";
+var codeCSS = "_1v51izp0-3-5-2";

package/typography/emphasis/Emphasis.css

@@ -1,4 +1,4 @@
-._1r35rtu0-3-4-1 {
+._1r35rtu0-3-5-2 {
   font-style: italic;
   overflow-wrap: break-word;
 }

package/typography/emphasis/Emphasis.sty.js

@@ -21,4 +21,4 @@ __export(Emphasis_css_exports, {
 });
 module.exports = __toCommonJS(Emphasis_css_exports);
 var import_Emphasis_css_ts_vanilla = require("./Emphasis.css");
-var emphasisCSS = "_1r35rtu0-3-4-1";
+var emphasisCSS = "_1r35rtu0-3-5-2";

package/typography/external-link/ExternalLink.css

@@ -1,22 +1,22 @@
-._1v1skpy0-3-4-1 {
+._1v1skpy0-3-5-2 {
   display: inline;
   color: var(--dt-colors-text-primary-default, #464cce);
   text-decoration: underline;
   overflow-wrap: anywhere;
 }
-._1v1skpy0-3-4-1:hover {
+._1v1skpy0-3-5-2:hover {
   color: var(--dt-colors-text-primary-default-hover, #3431b3);
 }
-._1v1skpy0-3-4-1:active {
+._1v1skpy0-3-5-2:active {
   color: var(--dt-colors-text-primary-default-active, #250f98);
 }
-._1v1skpy0-3-4-1:focus-visible {
+._1v1skpy0-3-5-2:focus-visible {
   text-decoration: none;
 }
-._1v1skpy0-3-4-1 > span:last-child {
+._1v1skpy0-3-5-2 > span:last-child {
   white-space: nowrap;
 }
-._1v1skpy0-3-4-1 > span:last-child > svg {
+._1v1skpy0-3-5-2 > span:last-child > svg {
   margin-left: var(--dt-spacings-size-2, 2px);
   width: 1lh;
   height: 1lh;

package/typography/external-link/ExternalLink.sty.js

@@ -22,4 +22,4 @@ __export(ExternalLink_css_exports, {
 module.exports = __toCommonJS(ExternalLink_css_exports);
 var import_focusRingStatic_css_ts_vanilla = require("../../core/styles/focusRingStatic.css");
 var import_ExternalLink_css_ts_vanilla = require("./ExternalLink.css");
-var externalLink = "_1v1skpy0-3-4-1 _z0fq9b4-3-4-1 _z0fq9bd-3-4-1 _z0fq9b5-3-4-1 _z0fq9b8-3-4-1";
+var externalLink = "_1v1skpy0-3-5-2 _z0fq9b4-3-5-2 _z0fq9be-3-5-2 _z0fq9b5-3-5-2 _z0fq9b9-3-5-2";

package/typography/heading/Heading.css

@@ -1,10 +1,10 @@
-._5ei34w0-3-4-1 {
+._5ei34w0-3-5-2 {
   margin: 0;
   overflow-wrap: break-word;
   font-style: normal;
   color: inherit;
 }
-._5ei34w1-3-4-1 {
+._5ei34w1-3-5-2 {
   font-family: var(--dt-typography-heading-level-1-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-1-size, 32px);
   font-weight: var(--dt-typography-heading-level-1-weight, 600);
@@ -12,7 +12,7 @@
   text-transform: var(--dt-typography-heading-level-1-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-1-text-decoration, none);
 }
-._5ei34w2-3-4-1 {
+._5ei34w2-3-5-2 {
   font-family: var(--dt-typography-heading-level-2-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-2-size, 28px);
   font-weight: var(--dt-typography-heading-level-2-weight, 600);
@@ -20,7 +20,7 @@
   text-transform: var(--dt-typography-heading-level-2-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-2-text-decoration, none);
 }
-._5ei34w3-3-4-1 {
+._5ei34w3-3-5-2 {
   font-family: var(--dt-typography-heading-level-3-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-3-size, 24px);
   font-weight: var(--dt-typography-heading-level-3-weight, 600);
@@ -28,7 +28,7 @@
   text-transform: var(--dt-typography-heading-level-3-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-3-text-decoration, none);
 }
-._5ei34w4-3-4-1 {
+._5ei34w4-3-5-2 {
   font-family: var(--dt-typography-heading-level-4-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-4-size, 20px);
   font-weight: var(--dt-typography-heading-level-4-weight, 600);
@@ -36,7 +36,7 @@
   text-transform: var(--dt-typography-heading-level-4-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-4-text-decoration, none);
 }
-._5ei34w5-3-4-1 {
+._5ei34w5-3-5-2 {
   font-family: var(--dt-typography-heading-level-5-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-5-size, 16px);
   font-weight: var(--dt-typography-heading-level-5-weight, 600);
@@ -44,7 +44,7 @@
   text-transform: var(--dt-typography-heading-level-5-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-5-text-decoration, none);
 }
-._5ei34w6-3-4-1 {
+._5ei34w6-3-5-2 {
   font-family: var(--dt-typography-heading-level-6-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-6-size, 14px);
   font-weight: var(--dt-typography-heading-level-6-weight, 600);

package/typography/heading/Heading.sty.js

@@ -22,4 +22,4 @@ __export(Heading_css_exports, {
 module.exports = __toCommonJS(Heading_css_exports);
 var import_Heading_css_ts_vanilla = require("./Heading.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var headingCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_5ei34w0-3-4-1", variantClassNames: { visualLevel: { "1": "_5ei34w1-3-4-1", "2": "_5ei34w2-3-4-1", "3": "_5ei34w3-3-4-1", "4": "_5ei34w4-3-4-1", "5": "_5ei34w5-3-4-1", "6": "_5ei34w6-3-4-1" } }, defaultVariants: {}, compoundVariants: [] });
+var headingCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_5ei34w0-3-5-2", variantClassNames: { visualLevel: { "1": "_5ei34w1-3-5-2", "2": "_5ei34w2-3-5-2", "3": "_5ei34w3-3-5-2", "4": "_5ei34w4-3-5-2", "5": "_5ei34w5-3-5-2", "6": "_5ei34w6-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/highlight/Highlight.css

@@ -1,8 +1,8 @@
-._lajjl30-3-4-1 {
+._lajjl30-3-5-2 {
   white-space: pre-wrap;
   flex: none;
 }
-._lajjl30-3-4-1::highlight(strato-typography-highlight), ._lajjl30-3-4-1 *::highlight(strato-typography-highlight) {
+._lajjl30-3-5-2::highlight(strato-typography-highlight), ._lajjl30-3-5-2 *::highlight(strato-typography-highlight) {
   color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
   background: var(--dt-colors-background-container-neutral-accent, #5b5c81);
 }

package/typography/highlight/Highlight.sty.js

@@ -21,4 +21,4 @@ __export(Highlight_css_exports, {
 });
 module.exports = __toCommonJS(Highlight_css_exports);
 var import_Highlight_css_ts_vanilla = require("./Highlight.css");
-var wrapper = "_lajjl30-3-4-1";
+var wrapper = "_lajjl30-3-5-2";

package/typography/link/Link.css

@@ -1,15 +1,15 @@
-._1iksxp40-3-4-1 {
+._1iksxp40-3-5-2 {
   display: inline;
   color: var(--dt-colors-text-primary-default, #464cce);
   text-decoration: underline;
   overflow-wrap: anywhere;
 }
-._1iksxp40-3-4-1:hover {
+._1iksxp40-3-5-2:hover {
   color: var(--dt-colors-text-primary-default-hover, #3431b3);
 }
-._1iksxp40-3-4-1:active {
+._1iksxp40-3-5-2:active {
   color: var(--dt-colors-text-primary-default-active, #250f98);
 }
-._1iksxp40-3-4-1:focus-visible {
+._1iksxp40-3-5-2:focus-visible {
   text-decoration: none;
 }

package/typography/link/Link.sty.js

@@ -22,4 +22,4 @@ __export(Link_css_exports, {
 module.exports = __toCommonJS(Link_css_exports);
 var import_focusRingStatic_css_ts_vanilla = require("../../core/styles/focusRingStatic.css");
 var import_Link_css_ts_vanilla = require("./Link.css");
-var link = "_1iksxp40-3-4-1 _z0fq9b4-3-4-1 _z0fq9bd-3-4-1 _z0fq9b5-3-4-1 _z0fq9b8-3-4-1";
+var link = "_1iksxp40-3-5-2 _z0fq9b4-3-5-2 _z0fq9be-3-5-2 _z0fq9b5-3-5-2 _z0fq9b9-3-5-2";

package/typography/list/List.css

@@ -1,16 +1,16 @@
-._16276mt0-3-4-1 {
+._16276mt0-3-5-2 {
   margin: 0;
   padding-left: var(--dt-spacings-size-40, 40px);
 }
-._16276mt0-3-4-1 ._16276mt0-3-4-1 {
+._16276mt0-3-5-2 ._16276mt0-3-5-2 {
   margin-block: var(--dt-spacings-size-4, 4px);
   padding-left: var(--dt-spacings-size-28, 28px);
 }
-._16276mt1-3-4-1 {
+._16276mt1-3-5-2 {
   position: relative;
   overflow-wrap: break-word;
   margin-block: var(--dt-spacings-size-2, 2px);
 }
-._16276mt1-3-4-1::marker {
+._16276mt1-3-5-2::marker {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }

package/typography/list/List.sty.js

@@ -22,5 +22,5 @@ __export(List_css_exports, {
 });
 module.exports = __toCommonJS(List_css_exports);
 var import_List_css_ts_vanilla = require("./List.css");
-var listCSS = "_16276mt0-3-4-1";
-var listItemCSS = "_16276mt1-3-4-1";
+var listCSS = "_16276mt0-3-5-2";
+var listItemCSS = "_16276mt1-3-5-2";

package/typography/paragraph/Paragraph.css

@@ -1,17 +1,17 @@
-._487p2n0-3-4-1 {
+._487p2n0-3-5-2 {
   margin-top: 0;
   margin-bottom: 0;
   overflow-wrap: break-word;
   color: inherit;
   font-style: normal;
 }
-._487p2n1-3-4-1 {
+._487p2n1-3-5-2 {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-._487p2n2-3-4-1 {
+._487p2n2-3-5-2 {
   display: -webkit-box;
   -webkit-line-clamp: var(--strato-ellipsis-line-clamp);
   -webkit-box-orient: vertical;

package/typography/paragraph/Paragraph.sty.js

@@ -22,4 +22,4 @@ __export(Paragraph_css_exports, {
 module.exports = __toCommonJS(Paragraph_css_exports);
 var import_Paragraph_css_ts_vanilla = require("./Paragraph.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var paragraph = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_487p2n0-3-4-1", variantClassNames: { ellipsis: { singleLine: "_487p2n1-3-4-1", multiLine: "_487p2n2-3-4-1" } }, defaultVariants: {}, compoundVariants: [] });
+var paragraph = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_487p2n0-3-5-2", variantClassNames: { ellipsis: { singleLine: "_487p2n1-3-5-2", multiLine: "_487p2n2-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/strikethrough/Strikethrough.css

@@ -1,4 +1,4 @@
-._4oao6y0-3-4-1 {
+._4oao6y0-3-5-2 {
   text-decoration: line-through;
   text-decoration-style: solid;
   overflow-wrap: break-word;

package/typography/strikethrough/Strikethrough.sty.js

@@ -21,4 +21,4 @@ __export(Strikethrough_css_exports, {
 });
 module.exports = __toCommonJS(Strikethrough_css_exports);
 var import_Strikethrough_css_ts_vanilla = require("./Strikethrough.css");
-var strikethroughCSS = "_4oao6y0-3-4-1";
+var strikethroughCSS = "_4oao6y0-3-5-2";

package/typography/strong/Strong.css

@@ -1,4 +1,4 @@
-._wxp4dd0-3-4-1 {
+._wxp4dd0-3-5-2 {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   overflow-wrap: break-word;
 }

package/typography/strong/Strong.sty.js

@@ -21,4 +21,4 @@ __export(Strong_css_exports, {
 });
 module.exports = __toCommonJS(Strong_css_exports);
 var import_Strong_css_ts_vanilla = require("./Strong.css");
-var strongCSS = "_wxp4dd0-3-4-1";
+var strongCSS = "_wxp4dd0-3-5-2";

package/typography/text/Text.css

@@ -1,16 +1,16 @@
-._rup8ap0-3-4-1 {
+._rup8ap0-3-5-2 {
   margin-top: 0;
   margin-bottom: 0;
   min-width: 0;
   overflow-wrap: break-word;
 }
-._rup8ap1-3-4-1 {
+._rup8ap1-3-5-2 {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-._rup8ap2-3-4-1 {
+._rup8ap2-3-5-2 {
   display: -webkit-box;
   -webkit-line-clamp: var(--strato-ellipsis-line-clamp);
   -webkit-box-orient: vertical;

package/typography/text/Text.sty.js

@@ -22,4 +22,4 @@ __export(Text_css_exports, {
 module.exports = __toCommonJS(Text_css_exports);
 var import_Text_css_ts_vanilla = require("./Text.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var text = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_rup8ap0-3-4-1", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-3-4-1", multiLine: "_rup8ap2-3-4-1" } }, defaultVariants: {}, compoundVariants: [] });
+var text = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_rup8ap0-3-5-2", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-3-5-2", multiLine: "_rup8ap2-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/text-ellipsis/TextEllipsis.css

@@ -1,4 +1,4 @@
-._1mnpbqs1-3-4-1 {
+._1mnpbqs1-3-5-2 {
   display: inline-block;
   box-sizing: border-box;
   vertical-align: middle;
@@ -9,18 +9,18 @@
   text-decoration: inherit;
   width: 100%;
 }
-._1mnpbqs2-3-4-1 {
+._1mnpbqs2-3-5-2 {
   text-overflow: ellipsis;
   direction: rtl;
   text-align: left;
 }
-._1mnpbqs2-3-4-1::after, ._1mnpbqs2-3-4-1::before {
+._1mnpbqs2-3-5-2::after, ._1mnpbqs2-3-5-2::before {
   content: "‎";
 }
-._1mnpbqs3-3-4-1 {
+._1mnpbqs3-3-5-2 {
   text-overflow: clip;
 }
-._1mnpbqs3-3-4-1._1mnpbqs0-3-4-1:after {
+._1mnpbqs3-3-5-2._1mnpbqs0-3-5-2:after {
   content: attr(data-sourcetext) / "";
   color: transparent;
   display: table;
@@ -28,6 +28,6 @@
   line-height: 0;
   user-select: none;
 }
-._1mnpbqs4-3-4-1 {
+._1mnpbqs4-3-5-2 {
   text-overflow: ellipsis;
 }

package/typography/text-ellipsis/TextEllipsis.sty.js

@@ -23,5 +23,5 @@ __export(TextEllipsis_css_exports, {
 module.exports = __toCommonJS(TextEllipsis_css_exports);
 var import_TextEllipsis_css_ts_vanilla = require("./TextEllipsis.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var active = "_1mnpbqs0-3-4-1";
-var ellipsis = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs1-3-4-1", variantClassNames: { truncationMode: { start: "_1mnpbqs2-3-4-1", middle: "_1mnpbqs3-3-4-1", end: "_1mnpbqs4-3-4-1" } }, defaultVariants: {}, compoundVariants: [] });
+var active = "_1mnpbqs0-3-5-2";
+var ellipsis = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs1-3-5-2", variantClassNames: { truncationMode: { start: "_1mnpbqs2-3-5-2", middle: "_1mnpbqs3-3-5-2", end: "_1mnpbqs4-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });

package/charts/xy-chart/components/selection/Duration.js

@@ -1,100 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Duration_exports = {};
-__export(Duration_exports, {
-  Duration: () => Duration
-});
-module.exports = __toCommonJS(Duration_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_clsx = __toESM(require("clsx"));
-var import_react_intl = require("react-intl");
-var import_TooltipHeader_css = require("./TooltipHeader.sty.js");
-var import_SelectionArea_css = require("../../../core/components/selection-area/SelectionArea.sty.js");
-var import_ChartTooltip = require("../../../core/components/tooltip/ChartTooltip/ChartTooltip.js");
-var import_TooltipItem = require("../../../core/components/tooltip/section-components/TooltipItem/TooltipItem.js");
-var import_scale = require("../../../core/utils/scale.js");
-var import_defaults = require("../../constants/defaults.js");
-var import_messages = require("../../messages/messages.js");
-var import_guards = require("../../types/guards.js");
-var import_get_timeframe = require("../overlay/utils/get-timeframe.js");
-const Duration = ({
-  axisConfig,
-  scale,
-  formatter,
-  startPixels,
-  endPixels
-}) => {
-  const config = {
-    axisType: axisConfig.type,
-    axisScale: scale
-  };
-  const intl = (0, import_react_intl.useIntl)();
-  const timeframe = (0, import_get_timeframe.getTimeframe)(
-    startPixels,
-    endPixels,
-    !axisConfig?.reversed,
-    scale
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    (0, import_guards.isAnyNumericalScale)(config) && !(0, import_guards.isTimeScale)(config) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ChartTooltip.ChartTooltip.RangeHeader,
-      {
-        from: config.axisScale.invert(startPixels),
-        to: config.axisScale.invert(endPixels),
-        formatter,
-        absoluteRange: true,
-        className: import_SelectionArea_css.tooltipHeader
-      }
-    ) : null,
-    (0, import_guards.isTimeScale)(config) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChartTooltip.ChartTooltip.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ChartTooltip.ChartTooltip.TimeFrameHeader,
-      {
-        from: timeframe.start,
-        to: timeframe.end,
-        limit: import_defaults.DISPLAY_UNITS_LIMIT,
-        showDuration: true,
-        className: import_SelectionArea_css.tooltipHeader
-      }
-    ) }) : null,
-    (0, import_guards.isCategoricalScale)(config) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChartTooltip.ChartTooltip.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TooltipItem.TooltipItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "span",
-      {
-        className: (0, import_clsx.default)(
-          "formatted-timeframe",
-          import_TooltipHeader_css.formattedTimeframe,
-          import_SelectionArea_css.tooltipHeaderCategorical
-        ),
-        children: `${String(
-          (0, import_scale.scaleBandInvert)(config.axisScale)(startPixels)
-        )} ${intl.formatMessage(import_messages.XYCHART_MESSAGES.to)} ${String(
-          (0, import_scale.scaleBandInvert)(config.axisScale)(endPixels)
-        )}`
-      }
-    ) }) }) : null
-  ] });
-};

package/core/hooks/useFocusRing.d.ts

@@ -1,61 +0,0 @@
-import { type FocusEvent as ReactFocusEvent } from 'react';
-/**
- * @public
- * @deprecated - Hook is based on styled components integration, use the useFocusRing hook from `@dynatrace/strato-components` instead
- */
-export interface UseFocusRingProps {
-    /**
-     * A minimal focus outline is available for smaller content elements like links. This variant is applied when set to true.
-     * @defaultValue false
-     */
-    isMinimal?: boolean;
-    /**
-     * Whether or not the modality should be ignored, so that the focus ring is also present if users clicks the element (not just by tabbing to it).
-     * @defaultValue false
-     */
-    ignoreModality?: boolean;
-    /**
-     * The styling color of the element.
-     * @defaultValue `neutral`
-     */
-    color?: 'neutral' | 'primary' | 'success' | 'warning' | 'critical';
-    /**
-     * Apply the focus ring styling if an embedded element gains the focus
-     */
-    focusWithin?: boolean;
-    /**
-     * Whether the element is disabled. If disabled changes to true, the focus will be removed.
-     */
-    disabled?: boolean;
-}
-/**
- * @public
- * @deprecated - Hook is based on styled components integration, use the useFocusRing hook from `@dynatrace/strato-components` instead
- */
-export interface CSSFocusStylesObject {
-    [key: string]: CSSFocusStylesObject | string | number | undefined;
-    '&:focus-visible'?: CSSFocusStylesObject;
-    '&:focus-within'?: CSSFocusStylesObject;
-}
-/**
- * @public
- * @deprecated - Hook is based on styled components integration, use the useFocusRing hook from `@dynatrace/strato-components` instead
- */
-export type FocusRingProps = {
-    /** The focus styles that depend on modality. */
-    focusStyles: CSSFocusStylesObject;
-    /** Focus handlers used to manage the focus state. Must be applied to the element that receives the focus.*/
-    focusProps: {
-        onFocus: (e: ReactFocusEvent | FocusEvent) => void;
-        onBlur: (e: ReactFocusEvent | FocusEvent) => void;
-    };
-    /** Whether or not the element got focus via keyboard. */
-    isFocusVisible: boolean;
-};
-/**
- * Custom hook used to determine focus styling depending on modality.
- * Returns CSS that can be applied to the component in order to show the correct focus outline.
- * @public
- * @deprecated - Hook is based on styled components integration, use the useFocusRing hook from `@dynatrace/strato-components` instead
- */
-export declare function useFocusRing(props?: UseFocusRingProps): FocusRingProps;