@dynatrace/strato-components 3.0.1 → 3.1.0

package/content/information-overlay/InformationOverlay.js

@@ -18,7 +18,6 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var InformationOverlay_exports = {};
 __export(InformationOverlay_exports, {
-  COMPONENT_NAME: () => COMPONENT_NAME,
   InformationOverlay: () => InformationOverlay
 });
 module.exports = __toCommonJS(InformationOverlay_exports);
@@ -26,18 +25,20 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_Content = require("./Content.js");
 var import_InformationOverlayContext = require("./contexts/InformationOverlayContext.js");
+var import_information_overlay_constants = require("./information-overlay-constants.js");
 var import_InformationOverlayIcon = require("./InformationOverlayIcon.js");
 var import_Trigger = require("./Trigger.js");
 var import_useAriaLabelingProps = require("../../core/hooks/useAriaLabelingProps.js");
+var import_useBehavioralTrackingProps = require("../../core/hooks/useBehavioralTrackingProps.js");
 var import_useControllableState = require("../../core/hooks/useControllableState.js");
 var import_useId = require("../../core/hooks/useId.js");
 var import_useMergeRefs = require("../../core/hooks/useMergeRefs.js");
+var import_useSafeForwardProps = require("../../core/hooks/useSafeForwardProps.js");
 var import_useSlots = require("../../core/hooks/useSlots.js");
 var import_Flex = require("../../layouts/flex/Flex.js");
 var import_useBreakpoint = require("../../layouts/hooks/useBreakpoint.js");
 var import_useOverlayWithTrigger = require("../../overlays/hooks/useOverlayWithTrigger.js");
 var import_Overlay = require("../../overlays/overlay/Overlay.js");
-const COMPONENT_NAME = "InformationOverlay";
 const InformationOverlayRoot = (0, import_react.forwardRef)((props, forwardedRef) => {
   const {
     children,
@@ -46,13 +47,17 @@ const InformationOverlayRoot = (0, import_react.forwardRef)((props, forwardedRef
     onOpenChange,
     color = "neutral",
     placement = "bottom",
+    style: consumerStyle,
+    className: consumerClassName,
     "data-testid": dataTestId,
     "data-dtrum-mask": dataDtrumMask,
     "data-dtrum-allow": dataDtrumAllow,
     ...remainingProps
   } = props;
+  const [behavioralTrackingProps, restProps] = (0, import_useBehavioralTrackingProps.useBehavioralTrackingProps)(remainingProps);
+  const ariaLabelingProps = (0, import_useAriaLabelingProps.useAriaLabelingProps)(restProps);
+  const forwardProps = (0, import_useSafeForwardProps.useSafeForwardProps)(restProps, ariaLabelingProps);
   const overlayContentId = (0, import_useId.useId)();
-  const ariaLabelingProps = (0, import_useAriaLabelingProps.useAriaLabelingProps)(remainingProps);
   const [isOpen, setIsOpen] = (0, import_useControllableState.useControllableState)({
     defaultValue: defaultOpen,
     value: open,
@@ -87,33 +92,43 @@ const InformationOverlayRoot = (0, import_react.forwardRef)((props, forwardedRef
     trigger: import_Trigger.Trigger,
     content: import_Content.Content
   });
+  const { children: triggerChildren, ...triggerSlotProps } = slots.trigger?.props ?? {};
   const contextProviderValue = (0, import_react.useMemo)(() => {
     return { color, overlayTriggerProps, id: overlayContentId, isOpen };
   }, [color, isOpen, overlayContentId, overlayTriggerProps]);
+  const triggerProps = slots.trigger?.props ?? {};
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_InformationOverlayContext.InformationOverlayContext.Provider, { value: contextProviderValue, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Trigger.Trigger,
       {
         ref: rootRef,
-        id: slots.trigger?.props?.id,
-        "aria-label": slots.trigger?.props["aria-label"],
+        id: triggerProps.id,
+        className: triggerProps.className,
+        style: triggerProps.style,
+        "aria-label": triggerProps["aria-label"],
         "aria-describedby": overlayStateIsOpen ? overlayContentId : void 0,
-        "data-dtrum-mask": dataDtrumMask,
-        "data-dtrum-allow": dataDtrumAllow,
-        children: slots.trigger?.props.children
+        "data-testid": triggerProps["data-testid"],
+        "data-dtrum-mask": triggerProps["data-dtrum-mask"] ?? dataDtrumMask,
+        "data-dtrum-allow": triggerProps["data-dtrum-allow"] ?? dataDtrumAllow,
+        ...triggerSlotProps,
+        children: triggerChildren
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Overlay.Overlay,
       {
         ref: overlayRef,
+        isOpen: overlayStateIsOpen,
+        overlayProps,
+        className: consumerClassName,
+        style: consumerStyle,
         "data-testid": dataTestId,
         "data-dtrum-mask": dataDtrumMask,
         "data-dtrum-allow": dataDtrumAllow,
-        isOpen: overlayStateIsOpen,
-        overlayProps,
         ...ariaLabelingProps,
-        "data-dt-component": COMPONENT_NAME,
+        ...behavioralTrackingProps,
+        ...forwardProps,
+        "data-dt-component": import_information_overlay_constants.COMPONENT_NAME,
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_Flex.Flex,
           {
@@ -128,7 +143,7 @@ const InformationOverlayRoot = (0, import_react.forwardRef)((props, forwardedRef
     )
   ] });
 });
-InformationOverlayRoot.displayName = COMPONENT_NAME;
+InformationOverlayRoot.displayName = import_information_overlay_constants.COMPONENT_NAME;
 const InformationOverlay = Object.assign(InformationOverlayRoot, {
   Content: import_Content.Content,
   Trigger: import_Trigger.Trigger,

package/content/information-overlay/InformationOverlay.sty.js

@@ -26,8 +26,8 @@ __export(InformationOverlay_css_exports, {
 });
 module.exports = __toCommonJS(InformationOverlay_css_exports);
 var import_InformationOverlay_css_ts_vanilla = require("./InformationOverlay.css");
-var InformationOverlayTriggerCSS = "_by0m3w0-3-0-1";
-var InformationOverlayTriggerIconCSS = "_by0m3w4-3-0-1";
-var InformationOverlayTriggerIconHoverCSS = "_by0m3w5-3-0-1";
-var InformationOverlayTriggerIconVariantsCSS = { primary: "_by0m3w6-3-0-1", success: "_by0m3w7-3-0-1", warning: "_by0m3w8-3-0-1", critical: "_by0m3w9-3-0-1", neutral: "_by0m3wa-3-0-1", onAccent: "_by0m3wb-3-0-1" };
-var InformationOverlayTriggerTextCSS = "_by0m3w1-3-0-1";
+var InformationOverlayTriggerCSS = "_by0m3w0-3-1-0";
+var InformationOverlayTriggerIconCSS = "_by0m3w4-3-1-0";
+var InformationOverlayTriggerIconHoverCSS = "_by0m3w5-3-1-0";
+var InformationOverlayTriggerIconVariantsCSS = { primary: "_by0m3w6-3-1-0", success: "_by0m3w7-3-1-0", warning: "_by0m3w8-3-1-0", critical: "_by0m3w9-3-1-0", neutral: "_by0m3wa-3-1-0", onAccent: "_by0m3wb-3-1-0" };
+var InformationOverlayTriggerTextCSS = "_by0m3w1-3-1-0";

package/content/information-overlay/Trigger.d.ts

@@ -1,9 +1,13 @@
-import { DOMProps } from '../../core/types/dom.js';
-import { WithChildren } from '../../core/types/with-children.js';
+import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
+import type { DataTestId } from '../../core/types/data-props.js';
+import type { DOMProps } from '../../core/types/dom.js';
+import type { MaskingProps } from '../../core/types/masking-props.js';
+import type { StylingProps } from '../../core/types/styling-props.js';
+import type { WithChildren } from '../../core/types/with-children.js';
 /**
  * @public
  */
-export interface InformationOverlayTriggerProps extends DOMProps, WithChildren {
+export interface InformationOverlayTriggerProps extends DOMProps, WithChildren, StylingProps, MaskingProps, DataTestId, BehaviorTrackingProps {
     /** Optional aria-label to provide an additional description for the trigger. */
     'aria-label'?: string;
 }

package/content/information-overlay/Trigger.js

@@ -37,24 +37,39 @@ var import_react = require("react");
 var import_react_intl = require("react-intl");
 var import_strato_icons = require("@dynatrace/strato-icons");
 var import_useInformationOverlayContext = require("./hooks/useInformationOverlayContext.js");
+var import_information_overlay_constants = require("./information-overlay-constants.js");
 var import_InformationOverlay_css = require("./InformationOverlay.sty.js");
-var import_InformationOverlay = require("./InformationOverlay.js");
 var import_InformationOverlayIcon = require("./InformationOverlayIcon.js");
 var import_useAriaLabelingProps = require("../../core/hooks/useAriaLabelingProps.js");
+var import_useBehavioralTrackingProps = require("../../core/hooks/useBehavioralTrackingProps.js");
 var import_useId = require("../../core/hooks/useId.js");
 var import_useSlots = require("../../core/hooks/useSlots.js");
 var import_useFocusRing = require("../../core/styles/useFocusRing.js");
 var import_can_receive_default_text_format = require("../../core/utils/can-receive-default-text-format.js");
 var import_merge_props = require("../../core/utils/merge-props.js");
 const Trigger = /* @__PURE__ */ (0, import_react.forwardRef)((props, forwardedRef) => {
-  const { children, id: propId, ...remainingProps } = props;
+  const {
+    children,
+    id: propId,
+    className: consumerClassName,
+    style: consumerStyle,
+    "data-testid": dataTestId,
+    "data-dtrum-mask": dataDtrumMask,
+    "data-dtrum-allow": dataDtrumAllow,
+    ...remainingProps
+  } = props;
   const { color, overlayTriggerProps } = (0, import_useInformationOverlayContext.useInformationOverlayContext)();
   const id = (0, import_useId.useId)();
   const { focusProps, focusClassName, isFocusVisible } = (0, import_useFocusRing.useFocusRing)({
     color: children ? "neutral" : color,
     isMinimal: true
   });
-  const { "aria-label": ariaLabelProp, ...remainingAriaLabelingProps } = (0, import_useAriaLabelingProps.useAriaLabelingProps)(remainingProps);
+  const [behavioralTrackingProps, restProps] = (0, import_useBehavioralTrackingProps.useBehavioralTrackingProps)(remainingProps);
+  const {
+    "data-dt-name": dataDtName = "Trigger",
+    ...remainingBehavioralTrackingProps
+  } = behavioralTrackingProps;
+  const { "aria-label": ariaLabelProp, ...remainingAriaLabelingProps } = (0, import_useAriaLabelingProps.useAriaLabelingProps)(restProps);
   const [slots, freeform] = (0, import_useSlots.useSlots)(children, {
     icon: import_InformationOverlayIcon.InformationOverlayIcon
   });
@@ -89,7 +104,6 @@ const Trigger = /* @__PURE__ */ (0, import_react.forwardRef)((props, forwardedRe
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "button",
     {
-      className: import_InformationOverlay_css.InformationOverlayTriggerCSS,
       ref: forwardedRef,
       "aria-haspopup": "dialog",
       "aria-label": ariaLabel,
@@ -97,10 +111,16 @@ const Trigger = /* @__PURE__ */ (0, import_react.forwardRef)((props, forwardedRe
       ...(0, import_merge_props.mergeProps)(
         overlayTriggerProps,
         focusProps,
-        remainingAriaLabelingProps
+        remainingAriaLabelingProps,
+        remainingBehavioralTrackingProps
       ),
-      "data-dt-component": import_InformationOverlay.COMPONENT_NAME,
-      "data-dt-name": "Trigger",
+      className: (0, import_clsx.default)(import_InformationOverlay_css.InformationOverlayTriggerCSS, consumerClassName),
+      style: consumerStyle,
+      "data-testid": dataTestId,
+      "data-dtrum-mask": dataDtrumMask,
+      "data-dtrum-allow": dataDtrumAllow,
+      "data-dt-name": dataDtName,
+      "data-dt-component": import_information_overlay_constants.COMPONENT_NAME,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_InformationOverlayIcon.InformationOverlayIcon,

package/content/information-overlay/information-overlay-constants.d.ts

@@ -0,0 +1,2 @@
+/** @internal */
+export declare const COMPONENT_NAME = "InformationOverlay";

package/content/information-overlay/information-overlay-constants.js

@@ -0,0 +1,24 @@
+"use strict";
+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 information_overlay_constants_exports = {};
+__export(information_overlay_constants_exports, {
+  COMPONENT_NAME: () => COMPONENT_NAME
+});
+module.exports = __toCommonJS(information_overlay_constants_exports);
+const COMPONENT_NAME = "InformationOverlay";

package/content/keyboard-shortcut/KeyboardShortcut.css

@@ -1,10 +1,10 @@
-._15dzzgi0-3-0-1 {
+._15dzzgi0-3-1-0 {
   background: none;
   border: none;
   box-shadow: none;
   padding: 0;
 }
-._15dzzgi1-3-0-1 {
+._15dzzgi1-3-1-0 {
   display: inline-block;
   font-size: var(--dt-typography-text-small-default-size, 12px);
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
@@ -14,10 +14,10 @@
   border: none;
   padding: 0;
 }
-._15dzzgi4-3-0-1 {
+._15dzzgi4-3-1-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._15dzzgi5-3-0-1 {
+._15dzzgi5-3-1-0 {
   padding: 0 calc(var(--dt-spacings-size-4, 4px) - var(--dt-borders-width-default, 1px));
   height: var(--dt-spacings-size-20, 20px);
   line-height: 18px;
@@ -26,40 +26,40 @@
   text-align: center;
   box-sizing: border-box;
 }
-._15dzzgi5-3-0-1:not(:last-of-type) {
+._15dzzgi5-3-1-0:not(:last-of-type) {
   margin-right: var(--dt-spacings-size-2, 2px);
 }
-._15dzzgi6-3-0-1:not(:last-of-type)::after {
+._15dzzgi6-3-1-0:not(:last-of-type)::after {
   content: '+';
   display: inline-block;
   padding: 0 var(--dt-spacings-size-2, 2px);
 }
-._15dzzgi7-3-0-1 {
+._15dzzgi7-3-1-0 {
   color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
 }
-._15dzzgi8-3-0-1 {
+._15dzzgi8-3-1-0 {
   color: var(--dt-colors-text-neutral-on-accent-disabled, #f3f3f680);
 }
-._15dzzgi9-3-0-1 {
+._15dzzgi9-3-1-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._15dzzgia-3-0-1 {
+._15dzzgia-3-1-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._15dzzgib-3-0-1 {
+._15dzzgib-3-1-0 {
   color: var(--dt-colors-text-neutral-on-accent-disabled, #f3f3f680);
   border: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-on-accent-disabled, #f3f3f633);
 }
-._15dzzgic-3-0-1 {
+._15dzzgic-3-1-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   background: var(--dt-colors-background-surface-default, #fff);
   border: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._15dzzgid-3-0-1 {
+._15dzzgid-3-1-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   border: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._15dzzgie-3-0-1 {
+._15dzzgie-3-1-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   background: var(--dt-colors-background-surface-default, #fff);
   border: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);

package/content/keyboard-shortcut/KeyboardShortcut.d.ts

@@ -1,11 +1,13 @@
-import { DataTestId } from '../../core/types/data-props.js';
-import { MaskingProps } from '../../core/types/masking-props.js';
-import { StylingProps } from '../../core/types/styling-props.js';
+import type { AriaLabelingProps } from '../../core/types/a11y-props.js';
+import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
+import type { DataTestId } from '../../core/types/data-props.js';
+import type { MaskingProps } from '../../core/types/masking-props.js';
+import type { StylingProps } from '../../core/types/styling-props.js';
 /**
  * Accepted properties for KeyboardShortcut
  * @public
  */
-export interface KeyboardShortcutProps extends StylingProps, DataTestId, MaskingProps {
+export interface KeyboardShortcutProps extends StylingProps, DataTestId, MaskingProps, AriaLabelingProps, BehaviorTrackingProps {
     /**
      * The list of keys the component should display, specified in the aria-keyshortcuts format.
      */

package/content/keyboard-shortcut/KeyboardShortcut.js

@@ -36,6 +36,9 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var import_react = require("react");
 var import_KeyboardShortcut_css = require("./KeyboardShortcut.sty.js");
+var import_useAriaLabelingProps = require("../../core/hooks/useAriaLabelingProps.js");
+var import_useBehavioralTrackingProps = require("../../core/hooks/useBehavioralTrackingProps.js");
+var import_useSafeForwardProps = require("../../core/hooks/useSafeForwardProps.js");
 var import_Container = require("../../layouts/container/Container.js");
 const COMPONENT_NAME = "KeyboardShortcut";
 const keyMappings = {
@@ -64,14 +67,17 @@ const KeyboardShortcut = (0, import_react.forwardRef)(
       keys,
       variant = "default",
       disabled = false,
+      className: consumerClassName,
+      style: consumerStyle,
       "data-testid": dataTestId,
       "data-dtrum-mask": dataDtrumMask,
       "data-dtrum-allow": dataDtrumAllow,
-      className: consumerClassName,
-      style: consumerStyle,
       ...remainingProps
     } = props;
     const keyArray = (0, import_react.useMemo)(() => createKeyArrayFromString(keys), [keys]);
+    const [behavioralTrackingProps, restProps] = (0, import_useBehavioralTrackingProps.useBehavioralTrackingProps)(remainingProps);
+    const ariaLabelingProps = (0, import_useAriaLabelingProps.useAriaLabelingProps)(restProps);
+    const forwardProps = (0, import_useSafeForwardProps.useSafeForwardProps)(restProps, ariaLabelingProps);
     const containerColoring = (0, import_Container.useContainerColoring)();
     const onAccent = containerColoring.variant === "accent";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -79,12 +85,14 @@ const KeyboardShortcut = (0, import_react.forwardRef)(
       {
         ref: forwardedRef,
         "aria-disabled": disabled,
+        className: (0, import_clsx.default)(import_KeyboardShortcut_css.keyboardShortcutKeyWrapperCSS, consumerClassName),
+        style: consumerStyle,
         "data-testid": dataTestId,
         "data-dtrum-mask": dataDtrumMask,
         "data-dtrum-allow": dataDtrumAllow,
-        className: (0, import_clsx.default)(import_KeyboardShortcut_css.keyboardShortcutKeyWrapperCSS, consumerClassName),
-        style: consumerStyle,
-        ...remainingProps,
+        ...ariaLabelingProps,
+        ...behavioralTrackingProps,
+        ...forwardProps,
         "data-dt-component": COMPONENT_NAME,
         children: keyArray.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "kbd",

package/content/keyboard-shortcut/KeyboardShortcut.sty.js

@@ -24,5 +24,5 @@ __export(KeyboardShortcut_css_exports, {
 module.exports = __toCommonJS(KeyboardShortcut_css_exports);
 var import_KeyboardShortcut_css_ts_vanilla = require("./KeyboardShortcut.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var keyboardShortcutKeyCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_15dzzgi1-3-0-1", variantClassNames: { onAccent: { true: "_15dzzgi2-3-0-1", false: "_15dzzgi3-3-0-1" }, disabled: { true: "_15dzzgi4-3-0-1" }, variant: { "default": "_15dzzgi5-3-0-1", minimal: "_15dzzgi6-3-0-1" } }, defaultVariants: { variant: "default", onAccent: false, disabled: false }, compoundVariants: [[{ variant: "minimal", disabled: false, onAccent: true }, "_15dzzgi7-3-0-1"], [{ variant: "minimal", disabled: true, onAccent: true }, "_15dzzgi8-3-0-1"], [{ variant: "minimal", disabled: false, onAccent: false }, "_15dzzgi9-3-0-1"], [{ variant: "minimal", disabled: true, onAccent: false }, "_15dzzgia-3-0-1"], [{ variant: "default", disabled: true, onAccent: true }, "_15dzzgib-3-0-1"], [{ variant: "default", disabled: false, onAccent: true }, "_15dzzgic-3-0-1"], [{ variant: "default", disabled: true, onAccent: false }, "_15dzzgid-3-0-1"], [{ variant: "default", disabled: false, onAccent: false }, "_15dzzgie-3-0-1"]] });
-var keyboardShortcutKeyWrapperCSS = "_15dzzgi0-3-0-1";
+var keyboardShortcutKeyCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_15dzzgi1-3-1-0", variantClassNames: { onAccent: { true: "_15dzzgi2-3-1-0", false: "_15dzzgi3-3-1-0" }, disabled: { true: "_15dzzgi4-3-1-0" }, variant: { "default": "_15dzzgi5-3-1-0", minimal: "_15dzzgi6-3-1-0" } }, defaultVariants: { variant: "default", onAccent: false, disabled: false }, compoundVariants: [[{ variant: "minimal", disabled: false, onAccent: true }, "_15dzzgi7-3-1-0"], [{ variant: "minimal", disabled: true, onAccent: true }, "_15dzzgi8-3-1-0"], [{ variant: "minimal", disabled: false, onAccent: false }, "_15dzzgi9-3-1-0"], [{ variant: "minimal", disabled: true, onAccent: false }, "_15dzzgia-3-1-0"], [{ variant: "default", disabled: true, onAccent: true }, "_15dzzgib-3-1-0"], [{ variant: "default", disabled: false, onAccent: true }, "_15dzzgic-3-1-0"], [{ variant: "default", disabled: true, onAccent: false }, "_15dzzgid-3-1-0"], [{ variant: "default", disabled: false, onAccent: false }, "_15dzzgie-3-1-0"]] });
+var keyboardShortcutKeyWrapperCSS = "_15dzzgi0-3-1-0";

package/content/keyboard-shortcut-tooltip/KeyboardShortcutTooltip.d.ts

@@ -1,13 +1,15 @@
 import { type ReactNode } from 'react';
-import { DataTestId } from '../../core/types/data-props.js';
-import { MaskingProps } from '../../core/types/masking-props.js';
-import { StylingProps } from '../../core/types/styling-props.js';
+import type { AriaLabelingProps } from '../../core/types/a11y-props.js';
+import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
+import type { DataTestId } from '../../core/types/data-props.js';
+import type { MaskingProps } from '../../core/types/masking-props.js';
+import type { StylingProps } from '../../core/types/styling-props.js';
 import type { TooltipBaseProps } from '../../overlays/tooltip/tooltip.types.js';
 /**
  * Accepted properties for KeyboardShortcutTooltip
  * @public
  */
-export interface KeyboardShortcutTooltipProps extends TooltipBaseProps, StylingProps, DataTestId, MaskingProps {
+export interface KeyboardShortcutTooltipProps extends TooltipBaseProps, StylingProps, DataTestId, MaskingProps, AriaLabelingProps, BehaviorTrackingProps {
     /**
      * The list of keys the component should display, specified in the aria-keyshortcuts format.
      */

package/content/keyboard-shortcut-tooltip/KeyboardShortcutTooltip.js

@@ -34,6 +34,9 @@ module.exports = __toCommonJS(KeyboardShortcutTooltip_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_typography = __toESM(require("@dynatrace/strato-design-tokens/typography"));
+var import_useAriaLabelingProps = require("../../core/hooks/useAriaLabelingProps.js");
+var import_useBehavioralTrackingProps = require("../../core/hooks/useBehavioralTrackingProps.js");
+var import_useSafeForwardProps = require("../../core/hooks/useSafeForwardProps.js");
 var import_Flex = require("../../layouts/flex/Flex.js");
 var import_Tooltip = require("../../overlays/tooltip/Tooltip.js");
 var import_Text = require("../../typography/text/Text.js");
@@ -58,6 +61,9 @@ const KeyboardShortcutTooltip = /* @__PURE__ */ (0, import_react.forwardRef)((pr
     "data-dtrum-allow": dataDtrumAllow,
     ...remainingProps
   } = props;
+  const [behavioralTrackingProps, restProps] = (0, import_useBehavioralTrackingProps.useBehavioralTrackingProps)(remainingProps);
+  const ariaLabelingProps = (0, import_useAriaLabelingProps.useAriaLabelingProps)(restProps);
+  const forwardProps = (0, import_useSafeForwardProps.useSafeForwardProps)(restProps, ariaLabelingProps);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Tooltip.Tooltip,
     {
@@ -68,11 +74,6 @@ const KeyboardShortcutTooltip = /* @__PURE__ */ (0, import_react.forwardRef)((pr
       onOpenChange,
       delay,
       disabled,
-      "data-testid": dataTestId,
-      "data-dtrum-mask": dataDtrumMask,
-      "data-dtrum-allow": dataDtrumAllow,
-      className: consumerClassName,
-      style: consumerStyle,
       text: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Flex.Flex, { flexDirection: "column", alignItems: "center", gap: 4, children: [
         text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_Text.Text,
@@ -94,7 +95,14 @@ const KeyboardShortcutTooltip = /* @__PURE__ */ (0, import_react.forwardRef)((pr
           }
         )
       ] }),
-      ...remainingProps,
+      className: consumerClassName,
+      style: consumerStyle,
+      "data-testid": dataTestId,
+      "data-dtrum-mask": dataDtrumMask,
+      "data-dtrum-allow": dataDtrumAllow,
+      ...ariaLabelingProps,
+      ...behavioralTrackingProps,
+      ...forwardProps,
       "data-dt-component": COMPONENT_NAME,
       children
     }

package/content/markdown/Markdown.css

@@ -1,10 +1,10 @@
-._14dgpdh0-3-0-1 {
+._14dgpdh0-3-1-0 {
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._14dgpdh0-3-0-1 > :first-child {
+._14dgpdh0-3-1-0 > :first-child {
   margin-top: 0;
 }
-._14dgpdh0-3-0-1 > :last-child {
+._14dgpdh0-3-1-0 > :last-child {
   margin-bottom: 0;
 }

package/content/markdown/Markdown.d.ts

@@ -1,40 +1,9 @@
-import type { DataTestId } from '../../core/types/data-props.js';
-import { type Components } from '../../core/types/markdown/react-markdown.js';
-import type { MaskingProps } from '../../core/types/masking-props.js';
-import type { StylingProps } from '../../core/types/styling-props.js';
-/**
- * @public
- */
-export interface MarkdownSelection {
-    start: MarkdownSelectionPoint;
-    end: MarkdownSelectionPoint;
-}
-/**
- * @public
- */
-export interface MarkdownSelectionPoint {
-    line: number;
-    column: number;
-    offset: number;
-}
+import type { MarkdownProps } from './markdown-types.js';
+import type { Components } from '../../core/types/markdown/react-markdown.js';
 /**
  * @public
  */
 export declare const componentMappings: Components;
-/**
- * @public
- */
-export interface MarkdownProps extends MaskingProps, DataTestId, StylingProps {
-    /** The markdown content itself. */
-    children: string;
-    /**
-     * A map of HTML tags (e.g., 'a', 'h1') to functions that provide custom implementations,
-     * allowing for the override of default rendering.
-     * @defaultValue undefined
-     */
-    customComponentMappings?: Components;
-    onSelectionChange?: (selection: MarkdownSelection) => void;
-}
 /**
  * The `Markdown` component is a read-only way to display content formatted in
  * markdown-style.