@dynatrace/strato-components 3.13.2 → 3.14.0

package/esm/content/keyboard-shortcut/KeyboardShortcut.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/keyboard-shortcut/KeyboardShortcut.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, useMemo } from 'react';\n\nimport * as styles from './KeyboardShortcut.sty.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport { isMacPlatform } from '../../core/utils/user-agent-utils.js';\nimport { useContainerColoring } from '../../layouts/container/Container.js';\n\nconst COMPONENT_NAME = 'KeyboardShortcut';\n\n// #region Typings\n/**\n * Accepted properties for KeyboardShortcut\n * @public\n */\nexport interface KeyboardShortcutProps\n  extends StylingProps,\n    DataTestId,\n    MaskingProps,\n    AriaLabelingProps,\n    BehaviorTrackingProps {\n  /**\n   * The list of keys the component should display, specified in the aria-keyshortcuts format.\n   */\n  keys: string;\n  /**\n   * The variant that should be used for styling the keys.\n   * @defaultValue 'default'\n   */\n  variant?: 'default' | 'minimal';\n  /**\n   * Whether the component should be rendered in a disabled state.\n   * @defaultValue 'false'\n   */\n  disabled?: boolean;\n}\n// #endregion Typings\n\nconst keyMappings: Record<string, string> = {\n  meta: isMacPlatform() ? 'Cmd' : 'Win',\n  control: 'Ctrl',\n  escape: 'Esc',\n  alt: isMacPlatform() ? 'Option' : 'Alt',\n  altgraph: isMacPlatform() ? 'Option' : 'AltGr',\n  delete: 'Del',\n  arrowup: '\u2191',\n  arrowdown: '\u2193',\n  arrowright: '\u2192',\n  arrowleft: '\u2190',\n  plus: '+',\n  minus: '-',\n  multiply: '*',\n  divide: '/',\n};\n\n/** @internal */\nexport function createKeyArrayFromString(keys: string): string[] {\n  return keys\n    .split(' ')[0]\n    .split('+')\n    .filter((key) => key !== '')\n    .map(\n      (key) =>\n        keyMappings[key.toLowerCase()] ??\n        `${key.charAt(0).toUpperCase()}${key.slice(1)}`,\n    );\n}\n\n/**\n * Use the `KeyboardShortcut` to display one or more keys that represent a keyboard shortcut for a specific action.\n * @public\n */\nexport const KeyboardShortcut = forwardRef<HTMLElement, KeyboardShortcutProps>(\n  (props, forwardedRef) => {\n    const {\n      keys,\n      variant = 'default',\n      disabled = false,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      ...remainingProps\n    } = props;\n\n    const keyArray = useMemo(() => createKeyArrayFromString(keys), [keys]);\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n    const ariaLabelingProps = useAriaLabelingProps(restProps);\n    const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n    const containerColoring = useContainerColoring();\n    const onAccent = containerColoring.variant === 'accent';\n\n    return (\n      <kbd\n        ref={forwardedRef}\n        aria-disabled={disabled}\n        className={clsx(styles.keyboardShortcutKeyWrapper, consumerClassName)}\n        style={consumerStyle}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        {...ariaLabelingProps}\n        {...behavioralTrackingProps}\n        {...forwardProps}\n        data-dt-component={COMPONENT_NAME}\n      >\n        {keyArray.map((key: string, index: number) => (\n          <kbd\n            key={`${key}-${index}`}\n            className={styles.keyboardShortcutKey({\n              variant,\n              onAccent,\n              disabled,\n            })}\n          >\n            {key}\n          </kbd>\n        ))}\n      </kbd>\n    );\n  },\n);\n\n(\n  KeyboardShortcut as typeof KeyboardShortcut & { displayName: string }\n).displayName = COMPONENT_NAME;\n"],
-  "mappings": "AAsHU;AAtHV,OAAO,UAAU;AACjB,SAAS,YAAY,eAAe;AAEpC,YAAY,YAAY;AACxB,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,2BAA2B;AAMpC,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AAErC,MAAM,iBAAiB;AA8BvB,MAAM,cAAsC;AAAA,EAC1C,MAAM,cAAc,IAAI,QAAQ;AAAA,EAChC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK,cAAc,IAAI,WAAW;AAAA,EAClC,UAAU,cAAc,IAAI,WAAW;AAAA,EACvC,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AACV;AAGO,SAAS,yBAAyB,MAAwB;AAC/D,SAAO,KACJ,MAAM,GAAG,EAAE,CAAC,EACZ,MAAM,GAAG,EACT,OAAO,CAAC,QAAQ,QAAQ,EAAE,EAC1B;AAAA,IACC,CAAC,QACC,YAAY,IAAI,YAAY,CAAC,KAC7B,GAAG,IAAI,OAAO,CAAC,EAAE,YAAY,CAAC,GAAG,IAAI,MAAM,CAAC,CAAC;AAAA,EACjD;AACJ;AAMO,MAAM,mBAAmB;AAAA,EAC9B,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,WAAW,QAAQ,MAAM,yBAAyB,IAAI,GAAG,CAAC,IAAI,CAAC;AAErE,UAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAC3C,UAAM,oBAAoB,qBAAqB,SAAS;AACxD,UAAM,eAAe,oBAAoB,WAAW,iBAAiB;AAErE,UAAM,oBAAoB,qBAAqB;AAC/C,UAAM,WAAW,kBAAkB,YAAY;AAE/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,iBAAe;AAAA,QACf,WAAW,KAAK,OAAO,4BAA4B,iBAAiB;AAAA,QACpE,OAAO;AAAA,QACP,eAAa;AAAA,QACb,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QACjB,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACJ,qBAAmB;AAAA,QAElB,mBAAS,IAAI,CAAC,KAAa,UAC1B;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,OAAO,oBAAoB;AAAA,cACpC;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,YAEA;AAAA;AAAA,UAPI,GAAG,GAAG,IAAI,KAAK;AAAA,QAQtB,CACD;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAGE,iBACA,cAAc;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, useMemo } from 'react';\n\nimport * as styles from './KeyboardShortcut.sty.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport { isMacPlatform } from '../../core/utils/user-agent-utils.js';\nimport { useContainerColoring } from '../../layouts/container/Container.js';\n\nconst COMPONENT_NAME = 'KeyboardShortcut';\n\n// #region Typings\n/**\n * Accepted properties for KeyboardShortcut\n * @public\n */\nexport interface KeyboardShortcutProps\n  extends\n    StylingProps,\n    DataTestId,\n    MaskingProps,\n    AriaLabelingProps,\n    BehaviorTrackingProps {\n  /**\n   * The list of keys the component should display, specified in the aria-keyshortcuts format.\n   */\n  keys: string;\n  /**\n   * The variant that should be used for styling the keys.\n   * @defaultValue 'default'\n   */\n  variant?: 'default' | 'minimal';\n  /**\n   * Whether the component should be rendered in a disabled state.\n   * @defaultValue 'false'\n   */\n  disabled?: boolean;\n}\n// #endregion Typings\n\nconst keyMappings: Record<string, string> = {\n  meta: isMacPlatform() ? 'Cmd' : 'Win',\n  control: 'Ctrl',\n  escape: 'Esc',\n  alt: isMacPlatform() ? 'Option' : 'Alt',\n  altgraph: isMacPlatform() ? 'Option' : 'AltGr',\n  delete: 'Del',\n  arrowup: '\u2191',\n  arrowdown: '\u2193',\n  arrowright: '\u2192',\n  arrowleft: '\u2190',\n  plus: '+',\n  minus: '-',\n  multiply: '*',\n  divide: '/',\n};\n\n/** @internal */\nexport function createKeyArrayFromString(keys: string): string[] {\n  return keys\n    .split(' ')[0]\n    .split('+')\n    .filter((key) => key !== '')\n    .map(\n      (key) =>\n        keyMappings[key.toLowerCase()] ??\n        `${key.charAt(0).toUpperCase()}${key.slice(1)}`,\n    );\n}\n\n/**\n * Use the `KeyboardShortcut` to display one or more keys that represent a keyboard shortcut for a specific action.\n * @public\n */\nexport const KeyboardShortcut = forwardRef<HTMLElement, KeyboardShortcutProps>(\n  (props, forwardedRef) => {\n    const {\n      keys,\n      variant = 'default',\n      disabled = false,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      ...remainingProps\n    } = props;\n\n    const keyArray = useMemo(() => createKeyArrayFromString(keys), [keys]);\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n    const ariaLabelingProps = useAriaLabelingProps(restProps);\n    const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n    const containerColoring = useContainerColoring();\n    const onAccent = containerColoring.variant === 'accent';\n\n    return (\n      <kbd\n        ref={forwardedRef}\n        aria-disabled={disabled}\n        className={clsx(styles.keyboardShortcutKeyWrapper, consumerClassName)}\n        style={consumerStyle}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        {...ariaLabelingProps}\n        {...behavioralTrackingProps}\n        {...forwardProps}\n        data-dt-component={COMPONENT_NAME}\n      >\n        {keyArray.map((key: string, index: number) => (\n          <kbd\n            key={`${key}-${index}`}\n            className={styles.keyboardShortcutKey({\n              variant,\n              onAccent,\n              disabled,\n            })}\n          >\n            {key}\n          </kbd>\n        ))}\n      </kbd>\n    );\n  },\n);\n\n(\n  KeyboardShortcut as typeof KeyboardShortcut & { displayName: string }\n).displayName = COMPONENT_NAME;\n"],
+  "mappings": "AAuHU;AAvHV,OAAO,UAAU;AACjB,SAAS,YAAY,eAAe;AAEpC,YAAY,YAAY;AACxB,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,2BAA2B;AAMpC,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AAErC,MAAM,iBAAiB;AA+BvB,MAAM,cAAsC;AAAA,EAC1C,MAAM,cAAc,IAAI,QAAQ;AAAA,EAChC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK,cAAc,IAAI,WAAW;AAAA,EAClC,UAAU,cAAc,IAAI,WAAW;AAAA,EACvC,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AACV;AAGO,SAAS,yBAAyB,MAAwB;AAC/D,SAAO,KACJ,MAAM,GAAG,EAAE,CAAC,EACZ,MAAM,GAAG,EACT,OAAO,CAAC,QAAQ,QAAQ,EAAE,EAC1B;AAAA,IACC,CAAC,QACC,YAAY,IAAI,YAAY,CAAC,KAC7B,GAAG,IAAI,OAAO,CAAC,EAAE,YAAY,CAAC,GAAG,IAAI,MAAM,CAAC,CAAC;AAAA,EACjD;AACJ;AAMO,MAAM,mBAAmB;AAAA,EAC9B,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,WAAW,QAAQ,MAAM,yBAAyB,IAAI,GAAG,CAAC,IAAI,CAAC;AAErE,UAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAC3C,UAAM,oBAAoB,qBAAqB,SAAS;AACxD,UAAM,eAAe,oBAAoB,WAAW,iBAAiB;AAErE,UAAM,oBAAoB,qBAAqB;AAC/C,UAAM,WAAW,kBAAkB,YAAY;AAE/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,iBAAe;AAAA,QACf,WAAW,KAAK,OAAO,4BAA4B,iBAAiB;AAAA,QACpE,OAAO;AAAA,QACP,eAAa;AAAA,QACb,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QACjB,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACJ,qBAAmB;AAAA,QAElB,mBAAS,IAAI,CAAC,KAAa,UAC1B;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,OAAO,oBAAoB;AAAA,cACpC;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,YAEA;AAAA;AAAA,UAPI,GAAG,GAAG,IAAI,KAAK;AAAA,QAQtB,CACD;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAGE,iBACA,cAAc;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 import "./KeyboardShortcut.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var keyboardShortcutKey = _7a468({ defaultClassName: "_15dzzgi1-3-13-2", variantClassNames: { onAccent: { true: "_15dzzgi2-3-13-2", false: "_15dzzgi3-3-13-2" }, disabled: { true: "_15dzzgi4-3-13-2" }, variant: { "default": "_15dzzgi5-3-13-2", minimal: "_15dzzgi6-3-13-2" } }, defaultVariants: { variant: "default", onAccent: false, disabled: false }, compoundVariants: [[{ variant: "minimal", disabled: false, onAccent: true }, "_15dzzgi7-3-13-2"], [{ variant: "minimal", disabled: true, onAccent: true }, "_15dzzgi8-3-13-2"], [{ variant: "minimal", disabled: false, onAccent: false }, "_15dzzgi9-3-13-2"], [{ variant: "minimal", disabled: true, onAccent: false }, "_15dzzgia-3-13-2"], [{ variant: "default", disabled: true, onAccent: true }, "_15dzzgib-3-13-2"], [{ variant: "default", disabled: false, onAccent: true }, "_15dzzgic-3-13-2"], [{ variant: "default", disabled: true, onAccent: false }, "_15dzzgid-3-13-2"], [{ variant: "default", disabled: false, onAccent: false }, "_15dzzgie-3-13-2"]] });
-var keyboardShortcutKeyWrapper = "_15dzzgi0-3-13-2";
+var keyboardShortcutKey = _7a468({ defaultClassName: "_15dzzgi1-3-14-0", variantClassNames: { onAccent: { true: "_15dzzgi2-3-14-0", false: "_15dzzgi3-3-14-0" }, disabled: { true: "_15dzzgi4-3-14-0" }, variant: { "default": "_15dzzgi5-3-14-0", minimal: "_15dzzgi6-3-14-0" } }, defaultVariants: { variant: "default", onAccent: false, disabled: false }, compoundVariants: [[{ variant: "minimal", disabled: false, onAccent: true }, "_15dzzgi7-3-14-0"], [{ variant: "minimal", disabled: true, onAccent: true }, "_15dzzgi8-3-14-0"], [{ variant: "minimal", disabled: false, onAccent: false }, "_15dzzgi9-3-14-0"], [{ variant: "minimal", disabled: true, onAccent: false }, "_15dzzgia-3-14-0"], [{ variant: "default", disabled: true, onAccent: true }, "_15dzzgib-3-14-0"], [{ variant: "default", disabled: false, onAccent: true }, "_15dzzgic-3-14-0"], [{ variant: "default", disabled: true, onAccent: false }, "_15dzzgid-3-14-0"], [{ variant: "default", disabled: false, onAccent: false }, "_15dzzgie-3-14-0"]] });
+var keyboardShortcutKeyWrapper = "_15dzzgi0-3-14-0";
 export {
   keyboardShortcutKey,
   keyboardShortcutKeyWrapper

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/keyboard-shortcut/KeyboardShortcut.css.ts"],
-  "sourcesContent": ["import './KeyboardShortcut.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var keyboardShortcutKey = _7a468({defaultClassName:'_15dzzgi1-3-13-2',variantClassNames:{onAccent:{true:'_15dzzgi2-3-13-2',false:'_15dzzgi3-3-13-2'},disabled:{true:'_15dzzgi4-3-13-2'},variant:{'default':'_15dzzgi5-3-13-2',minimal:'_15dzzgi6-3-13-2'}},defaultVariants:{variant:'default',onAccent:false,disabled:false},compoundVariants:[[{variant:'minimal',disabled:false,onAccent:true},'_15dzzgi7-3-13-2'],[{variant:'minimal',disabled:true,onAccent:true},'_15dzzgi8-3-13-2'],[{variant:'minimal',disabled:false,onAccent:false},'_15dzzgi9-3-13-2'],[{variant:'minimal',disabled:true,onAccent:false},'_15dzzgia-3-13-2'],[{variant:'default',disabled:true,onAccent:true},'_15dzzgib-3-13-2'],[{variant:'default',disabled:false,onAccent:true},'_15dzzgic-3-13-2'],[{variant:'default',disabled:true,onAccent:false},'_15dzzgid-3-13-2'],[{variant:'default',disabled:false,onAccent:false},'_15dzzgie-3-13-2']]});\nexport var keyboardShortcutKeyWrapper = '_15dzzgi0-3-13-2';"],
+  "sourcesContent": ["import './KeyboardShortcut.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var keyboardShortcutKey = _7a468({defaultClassName:'_15dzzgi1-3-14-0',variantClassNames:{onAccent:{true:'_15dzzgi2-3-14-0',false:'_15dzzgi3-3-14-0'},disabled:{true:'_15dzzgi4-3-14-0'},variant:{'default':'_15dzzgi5-3-14-0',minimal:'_15dzzgi6-3-14-0'}},defaultVariants:{variant:'default',onAccent:false,disabled:false},compoundVariants:[[{variant:'minimal',disabled:false,onAccent:true},'_15dzzgi7-3-14-0'],[{variant:'minimal',disabled:true,onAccent:true},'_15dzzgi8-3-14-0'],[{variant:'minimal',disabled:false,onAccent:false},'_15dzzgi9-3-14-0'],[{variant:'minimal',disabled:true,onAccent:false},'_15dzzgia-3-14-0'],[{variant:'default',disabled:true,onAccent:true},'_15dzzgib-3-14-0'],[{variant:'default',disabled:false,onAccent:true},'_15dzzgic-3-14-0'],[{variant:'default',disabled:true,onAccent:false},'_15dzzgid-3-14-0'],[{variant:'default',disabled:false,onAccent:false},'_15dzzgie-3-14-0']]});\nexport var keyboardShortcutKeyWrapper = '_15dzzgi0-3-14-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,UAAS,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,UAAS,EAAC,MAAK,mBAAkB,GAAE,SAAQ,EAAC,WAAU,oBAAmB,SAAQ,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,SAAQ,WAAU,UAAS,OAAM,UAAS,MAAK,GAAE,kBAAiB,CAAC,CAAC,EAAC,SAAQ,WAAU,UAAS,OAAM,UAAS,KAAI,GAAE,kBAAkB,GAAE,CAAC,EAAC,SAAQ,WAAU,UAAS,MAAK,UAAS,KAAI,GAAE,kBAAkB,GAAE,CAAC,EAAC,SAAQ,WAAU,UAAS,OAAM,UAAS,MAAK,GAAE,kBAAkB,GAAE,CAAC,EAAC,SAAQ,WAAU,UAAS,MAAK,UAAS,MAAK,GAAE,kBAAkB,GAAE,CAAC,EAAC,SAAQ,WAAU,UAAS,MAAK,UAAS,KAAI,GAAE,kBAAkB,GAAE,CAAC,EAAC,SAAQ,WAAU,UAAS,OAAM,UAAS,KAAI,GAAE,kBAAkB,GAAE,CAAC,EAAC,SAAQ,WAAU,UAAS,MAAK,UAAS,MAAK,GAAE,kBAAkB,GAAE,CAAC,EAAC,SAAQ,WAAU,UAAS,OAAM,UAAS,MAAK,GAAE,kBAAkB,CAAC,EAAC,CAAC;AACh4B,IAAI,6BAA6B;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/keyboard-shortcut-tooltip/KeyboardShortcutTooltip.tsx"],
-  "sourcesContent": ["import { forwardRef, type ReactNode } from 'react';\n\nimport Typography from '@dynatrace/strato-design-tokens/typography';\n\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { Tooltip } from '../../overlays/tooltip/Tooltip.js';\nimport type { TooltipBaseProps } from '../../overlays/tooltip/tooltip.types.js';\nimport { Text } from '../../typography/text/Text.js';\nimport { KeyboardShortcut } from '../keyboard-shortcut/KeyboardShortcut.js';\n\nconst COMPONENT_NAME = 'KeyboardShortcutTooltip';\n\n// #region Typings\n\n/**\n * Accepted properties for KeyboardShortcutTooltip\n * @public\n */\nexport interface KeyboardShortcutTooltipProps\n  extends TooltipBaseProps,\n    StylingProps,\n    DataTestId,\n    MaskingProps,\n    AriaLabelingProps,\n    BehaviorTrackingProps {\n  /**\n   * The list of keys the component should display, specified in the aria-keyshortcuts format.\n   */\n  keys: string;\n\n  /**\n   * Whether the component should be rendered in a disabled state.\n   * @defaultValue 'false'\n   */\n  shortcutDisabled?: boolean;\n\n  /** Text displayed in the tooltip component. */\n  text?: ReactNode;\n}\n// #endregion Typings\n\n/**\n * Use the `KeyboardShortcutTooltip` component to display a keyboard shortcut inside a tooltip.\n * @public\n */\nexport const KeyboardShortcutTooltip = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  KeyboardShortcutTooltipProps\n>((props: KeyboardShortcutTooltipProps, forwardedRef) => {\n  const {\n    children,\n    keys,\n    shortcutDisabled,\n    text,\n    placement = 'top',\n    open,\n    defaultOpen,\n    onOpenChange,\n    delay = 'default',\n    disabled,\n    style: consumerStyle,\n    className: consumerClassName,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  return (\n    <Tooltip\n      ref={forwardedRef}\n      placement={placement}\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      delay={delay}\n      disabled={disabled}\n      text={\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={4}>\n          {text && (\n            <Text\n              textStyle=\"small-emphasized\"\n              style={{ maxWidth: '100%', overflowWrap: 'anywhere' }}\n            >\n              {text}\n            </Text>\n          )}\n          <KeyboardShortcut\n            keys={keys}\n            variant=\"minimal\"\n            disabled={shortcutDisabled}\n            style={{\n              lineHeight: Typography.Text.Small.Default.LineHeight,\n            }}\n          />\n        </Flex>\n      }\n      className={consumerClassName}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      {children}\n    </Tooltip>\n  );\n});\n(\n  KeyboardShortcutTooltip as typeof KeyboardShortcutTooltip & {\n    displayName: string;\n  }\n).displayName = COMPONENT_NAME;\n"],
-  "mappings": "AA2FQ,SAEI,KAFJ;AA3FR,SAAS,kBAAkC;AAE3C,OAAO,gBAAgB;AAEvB,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,2BAA2B;AAMpC,SAAS,YAAY;AACrB,SAAS,eAAe;AAExB,SAAS,YAAY;AACrB,SAAS,wBAAwB;AAEjC,MAAM,iBAAiB;AAmChB,MAAM,0BAA0C,2BAGrD,CAAC,OAAqC,iBAAiB;AACvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,IACX,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAC3C,QAAM,oBAAoB,qBAAqB,SAAS;AACxD,QAAM,eAAe,oBAAoB,WAAW,iBAAiB;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MACE,qBAAC,QAAK,eAAc,UAAS,YAAW,UAAS,KAAK,GACnD;AAAA,gBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,UAAU,QAAQ,cAAc,WAAW;AAAA,YAEnD;AAAA;AAAA,QACH;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,SAAQ;AAAA,YACR,UAAU;AAAA,YACV,OAAO;AAAA,cACL,YAAY,WAAW,KAAK,MAAM,QAAQ;AAAA,YAC5C;AAAA;AAAA,QACF;AAAA,SACF;AAAA,MAEF,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MACjB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,qBAAmB;AAAA,MAElB;AAAA;AAAA,EACH;AAEJ,CAAC;AAEC,wBAGA,cAAc;",
+  "sourcesContent": ["import { forwardRef, type ReactNode } from 'react';\n\nimport Typography from '@dynatrace/strato-design-tokens/typography';\n\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { Tooltip } from '../../overlays/tooltip/Tooltip.js';\nimport type { TooltipBaseProps } from '../../overlays/tooltip/tooltip.types.js';\nimport { Text } from '../../typography/text/Text.js';\nimport { KeyboardShortcut } from '../keyboard-shortcut/KeyboardShortcut.js';\n\nconst COMPONENT_NAME = 'KeyboardShortcutTooltip';\n\n// #region Typings\n\n/**\n * Accepted properties for KeyboardShortcutTooltip\n * @public\n */\nexport interface KeyboardShortcutTooltipProps\n  extends\n    TooltipBaseProps,\n    StylingProps,\n    DataTestId,\n    MaskingProps,\n    AriaLabelingProps,\n    BehaviorTrackingProps {\n  /**\n   * The list of keys the component should display, specified in the aria-keyshortcuts format.\n   */\n  keys: string;\n\n  /**\n   * Whether the component should be rendered in a disabled state.\n   * @defaultValue 'false'\n   */\n  shortcutDisabled?: boolean;\n\n  /** Text displayed in the tooltip component. */\n  text?: ReactNode;\n}\n// #endregion Typings\n\n/**\n * Use the `KeyboardShortcutTooltip` component to display a keyboard shortcut inside a tooltip.\n * @public\n */\nexport const KeyboardShortcutTooltip = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  KeyboardShortcutTooltipProps\n>((props: KeyboardShortcutTooltipProps, forwardedRef) => {\n  const {\n    children,\n    keys,\n    shortcutDisabled,\n    text,\n    placement = 'top',\n    open,\n    defaultOpen,\n    onOpenChange,\n    delay = 'default',\n    disabled,\n    style: consumerStyle,\n    className: consumerClassName,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  return (\n    <Tooltip\n      ref={forwardedRef}\n      placement={placement}\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      delay={delay}\n      disabled={disabled}\n      text={\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={4}>\n          {text && (\n            <Text\n              textStyle=\"small-emphasized\"\n              style={{ maxWidth: '100%', overflowWrap: 'anywhere' }}\n            >\n              {text}\n            </Text>\n          )}\n          <KeyboardShortcut\n            keys={keys}\n            variant=\"minimal\"\n            disabled={shortcutDisabled}\n            style={{\n              lineHeight: Typography.Text.Small.Default.LineHeight,\n            }}\n          />\n        </Flex>\n      }\n      className={consumerClassName}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      {children}\n    </Tooltip>\n  );\n});\n(\n  KeyboardShortcutTooltip as typeof KeyboardShortcutTooltip & {\n    displayName: string;\n  }\n).displayName = COMPONENT_NAME;\n"],
+  "mappings": "AA4FQ,SAEI,KAFJ;AA5FR,SAAS,kBAAkC;AAE3C,OAAO,gBAAgB;AAEvB,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,2BAA2B;AAMpC,SAAS,YAAY;AACrB,SAAS,eAAe;AAExB,SAAS,YAAY;AACrB,SAAS,wBAAwB;AAEjC,MAAM,iBAAiB;AAoChB,MAAM,0BAA0C,2BAGrD,CAAC,OAAqC,iBAAiB;AACvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,IACX,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAC3C,QAAM,oBAAoB,qBAAqB,SAAS;AACxD,QAAM,eAAe,oBAAoB,WAAW,iBAAiB;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MACE,qBAAC,QAAK,eAAc,UAAS,YAAW,UAAS,KAAK,GACnD;AAAA,gBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,UAAU,QAAQ,cAAc,WAAW;AAAA,YAEnD;AAAA;AAAA,QACH;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,SAAQ;AAAA,YACR,UAAU;AAAA,YACV,OAAO;AAAA,cACL,YAAY,WAAW,KAAK,MAAM,QAAQ;AAAA,YAC5C;AAAA;AAAA,QACF;AAAA,SACF;AAAA,MAEF,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MACjB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,qBAAmB;AAAA,MAElB;AAAA;AAAA,EACH;AAEJ,CAAC;AAEC,wBAGA,cAAc;",
   "names": []
 }

package/esm/content/markdown/Markdown.css

@@ -1,13 +1,13 @@
-._14dgpdh0-3-13-2 {
+._14dgpdh0-3-14-0 {
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._14dgpdh0-3-13-2 > :first-child {
+._14dgpdh0-3-14-0 > :first-child {
   margin-top: 0;
 }
-._14dgpdh0-3-13-2 > :last-child {
+._14dgpdh0-3-14-0 > :last-child {
   margin-bottom: 0;
 }
-._14dgpdh1-3-13-2 thead {
+._14dgpdh1-3-14-0 thead {
   display: none;
 }

package/esm/content/markdown/Markdown.sty.js

@@ -1,6 +1,6 @@
 import "./Markdown.css";
-var frontmatterTable = "_14dgpdh1-3-13-2";
-var wrapper = "_14dgpdh0-3-13-2";
+var frontmatterTable = "_14dgpdh1-3-14-0";
+var wrapper = "_14dgpdh0-3-14-0";
 export {
   frontmatterTable,
   wrapper

package/esm/content/markdown/Markdown.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/markdown/Markdown.css.ts"],
-  "sourcesContent": ["import './Markdown.css';\nexport var frontmatterTable = '_14dgpdh1-3-13-2';\nexport var wrapper = '_14dgpdh0-3-13-2';"],
+  "sourcesContent": ["import './Markdown.css';\nexport var frontmatterTable = '_14dgpdh1-3-14-0';\nexport var wrapper = '_14dgpdh0-3-14-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;AACvB,IAAI,UAAU;",
   "names": []
 }

package/esm/content/markdown/transformers/typography-mapping.css

@@ -1,41 +1,41 @@
-._11vdepp0-3-13-2 {
+._11vdepp0-3-14-0 {
   margin-top: var(--dt-spacings-size-24, 24px);
   margin-right: var(--dt-spacings-size-0, 0);
   margin-bottom: var(--dt-spacings-size-8, 8px);
   margin-left: var(--dt-spacings-size-0, 0);
 }
-._11vdepp1-3-13-2 {
+._11vdepp1-3-14-0 {
   margin: 0;
   padding-left: var(--dt-spacings-size-40, 40px);
 }
-._11vdepp1-3-13-2 ._11vdepp1-3-13-2 {
+._11vdepp1-3-14-0 ._11vdepp1-3-14-0 {
   margin-block: var(--dt-spacings-size-4, 4px);
   padding-left: var(--dt-spacings-size-28, 28px);
 }
-._11vdepp2-3-13-2 {
+._11vdepp2-3-14-0 {
   display: block;
   position: relative;
   overflow-wrap: break-word;
   font-size: var(--dt-typography-text-base-default-size, 14px);
   margin-block: var(--dt-spacings-size-2, 2px);
 }
-._11vdepp2-3-13-2::marker {
+._11vdepp2-3-14-0::marker {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._11vdepp3-3-13-2 {
+._11vdepp3-3-14-0 {
   margin-top: var(--dt-spacings-size-8, 8px);
   margin-bottom: var(--dt-spacings-size-8, 8px);
 }
-._11vdepp4-3-13-2 {
+._11vdepp4-3-14-0 {
   max-width: 100%;
   max-height: 960px;
   margin-top: var(--dt-spacings-size-8, 8px);
   margin-bottom: var(--dt-spacings-size-8, 8px);
 }
-._11vdepp5-3-13-2 {
+._11vdepp5-3-14-0 {
   width: var(--dt-typography-text-base-default-size, 14px);
   height: var(--dt-typography-text-base-default-size, 14px);
   display: inline-block;
@@ -43,7 +43,7 @@
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
   color: var(--dt-colors-icon-neutral-disabled, #595a7d80);
 }
-._11vdepp5-3-13-2 svg {
+._11vdepp5-3-14-0 svg {
   width: var(--dt-typography-text-base-default-size, 14px);
   height: var(--dt-typography-text-base-default-size, 14px);
 }

package/esm/content/markdown/transformers/typography-mapping.sty.js

@@ -1,10 +1,10 @@
 import "./typography-mapping.css";
-var MarkdownCheckmarkBackgroundCSS = "_11vdepp5-3-13-2";
-var MarkdownHeadingCSS = "_11vdepp0-3-13-2";
-var MarkdownImageCSS = "_11vdepp4-3-13-2";
-var MarkdownListCSS = "_11vdepp1-3-13-2";
-var MarkdownListItemCSS = "_11vdepp2-3-13-2";
-var MarkdownParagraphCSS = "_11vdepp3-3-13-2";
+var MarkdownCheckmarkBackgroundCSS = "_11vdepp5-3-14-0";
+var MarkdownHeadingCSS = "_11vdepp0-3-14-0";
+var MarkdownImageCSS = "_11vdepp4-3-14-0";
+var MarkdownListCSS = "_11vdepp1-3-14-0";
+var MarkdownListItemCSS = "_11vdepp2-3-14-0";
+var MarkdownParagraphCSS = "_11vdepp3-3-14-0";
 export {
   MarkdownCheckmarkBackgroundCSS,
   MarkdownHeadingCSS,

package/esm/content/markdown/transformers/typography-mapping.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/content/markdown/transformers/typography-mapping.css.ts"],
-  "sourcesContent": ["import './typography-mapping.css';\nexport var MarkdownCheckmarkBackgroundCSS = '_11vdepp5-3-13-2';\nexport var MarkdownHeadingCSS = '_11vdepp0-3-13-2';\nexport var MarkdownImageCSS = '_11vdepp4-3-13-2';\nexport var MarkdownListCSS = '_11vdepp1-3-13-2';\nexport var MarkdownListItemCSS = '_11vdepp2-3-13-2';\nexport var MarkdownParagraphCSS = '_11vdepp3-3-13-2';"],
+  "sourcesContent": ["import './typography-mapping.css';\nexport var MarkdownCheckmarkBackgroundCSS = '_11vdepp5-3-14-0';\nexport var MarkdownHeadingCSS = '_11vdepp0-3-14-0';\nexport var MarkdownImageCSS = '_11vdepp4-3-14-0';\nexport var MarkdownListCSS = '_11vdepp1-3-14-0';\nexport var MarkdownListItemCSS = '_11vdepp2-3-14-0';\nexport var MarkdownParagraphCSS = '_11vdepp3-3-14-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iCAAiC;AACrC,IAAI,qBAAqB;AACzB,IAAI,mBAAmB;AACvB,IAAI,kBAAkB;AACtB,IAAI,sBAAsB;AAC1B,IAAI,uBAAuB;",
   "names": []
 }

package/esm/content/message-container/Description.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/message-container/Description.tsx"],
-  "sourcesContent": ["import { forwardRef, type ReactNode } from 'react';\n\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from '../../core/utils/can-receive-default-text-format.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { Text } from '../../typography/text/Text.js';\n\n//#region Typings\n/**\n * Accepted properties for the MessageContainer Description.\n * @public\n */\nexport interface MessageContainerDescriptionProps\n  extends StylingProps,\n    DataTestId {\n  /** Elements to be displayed in the description slot. */\n  children: ReactNode;\n}\n//#endregion\n\n/**\n * The MessageContainer Description component.\n * @public\n */\nexport const Description = forwardRef<\n  HTMLDivElement,\n  MessageContainerDescriptionProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    ...remainingProps\n  }: MessageContainerDescriptionProps = props;\n\n  const childIsText = _canReceiveDefaultTextFormat(children);\n\n  return (\n    <Flex\n      data-testid={dataTestId}\n      ref={forwardedRef}\n      className={consumerClassName}\n      style={consumerStyle}\n      {...remainingProps}\n    >\n      {childIsText ? <Text textStyle=\"base\">{children}</Text> : children}\n    </Flex>\n  );\n});\n\n(Description as typeof Description & { displayName: string }).displayName =\n  'MessageContainer.Description';\n"],
-  "mappings": "AA+CqB;AA/CrB,SAAS,kBAAkC;AAI3C,SAAS,+BAA+B,oCAAoC;AAC5E,SAAS,YAAY;AACrB,SAAS,YAAY;AAmBd,MAAM,cAAc,WAGzB,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,GAAG;AAAA,EACL,IAAsC;AAEtC,QAAM,cAAc,6BAA6B,QAAQ;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,KAAK;AAAA,MACL,WAAW;AAAA,MACX,OAAO;AAAA,MACN,GAAG;AAAA,MAEH,wBAAc,oBAAC,QAAK,WAAU,QAAQ,UAAS,IAAU;AAAA;AAAA,EAC5D;AAEJ,CAAC;AAEA,YAA6D,cAC5D;",
+  "sourcesContent": ["import { forwardRef, type ReactNode } from 'react';\n\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from '../../core/utils/can-receive-default-text-format.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { Text } from '../../typography/text/Text.js';\n\n//#region Typings\n/**\n * Accepted properties for the MessageContainer Description.\n * @public\n */\nexport interface MessageContainerDescriptionProps\n  extends StylingProps, DataTestId {\n  /** Elements to be displayed in the description slot. */\n  children: ReactNode;\n}\n//#endregion\n\n/**\n * The MessageContainer Description component.\n * @public\n */\nexport const Description = forwardRef<\n  HTMLDivElement,\n  MessageContainerDescriptionProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    ...remainingProps\n  }: MessageContainerDescriptionProps = props;\n\n  const childIsText = _canReceiveDefaultTextFormat(children);\n\n  return (\n    <Flex\n      data-testid={dataTestId}\n      ref={forwardedRef}\n      className={consumerClassName}\n      style={consumerStyle}\n      {...remainingProps}\n    >\n      {childIsText ? <Text textStyle=\"base\">{children}</Text> : children}\n    </Flex>\n  );\n});\n\n(Description as typeof Description & { displayName: string }).displayName =\n  'MessageContainer.Description';\n"],
+  "mappings": "AA8CqB;AA9CrB,SAAS,kBAAkC;AAI3C,SAAS,+BAA+B,oCAAoC;AAC5E,SAAS,YAAY;AACrB,SAAS,YAAY;AAkBd,MAAM,cAAc,WAGzB,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,GAAG;AAAA,EACL,IAAsC;AAEtC,QAAM,cAAc,6BAA6B,QAAQ;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,KAAK;AAAA,MACL,WAAW;AAAA,MACX,OAAO;AAAA,MACN,GAAG;AAAA,MAEH,wBAAc,oBAAC,QAAK,WAAU,QAAQ,UAAS,IAAU;AAAA;AAAA,EAC5D;AAEJ,CAAC;AAEA,YAA6D,cAC5D;",
   "names": []
 }

package/esm/content/message-container/Prefix.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/message-container/Prefix.tsx"],
-  "sourcesContent": ["import { forwardRef, type ReactNode } from 'react';\n\nimport {\n  CriticalIcon,\n  InformationIcon,\n  SuccessIcon,\n  WarningIcon,\n} from '@dynatrace/strato-icons';\n\nimport { useMessageContainerContext } from './hooks/useMessageContainerContext.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\n\n\n//#region Typings\n/**\n * Accepted properties for the MessageContainer Prefix.\n * @public\n */\nexport interface MessageContainerPrefixProps extends StylingProps, DataTestId {\n  /** Elements to be displayed in the prefix slot. */\n  children?: ReactNode;\n}\n//#endregion Typings\n\nconst DefaultIcon = () => {\n  const { variant } = useMessageContainerContext();\n\n  switch (variant) {\n    case 'primary':\n      return <InformationIcon />;\n    case 'success':\n      return <SuccessIcon />;\n    case 'warning':\n      return <WarningIcon />;\n    case 'critical':\n      return <CriticalIcon />;\n    case 'neutral':\n    default:\n      return <InformationIcon />;\n  }\n};\n\n/**\n * The MessageContainer Prefix component.\n * @public\n */\nexport const Prefix = forwardRef<HTMLDivElement, MessageContainerPrefixProps>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      ...remainingProps\n    }: MessageContainerPrefixProps = props;\n\n    return (\n      <Flex\n        data-testid={dataTestId}\n        ref={forwardedRef}\n        className={consumerClassName}\n        style={consumerStyle}\n        {...remainingProps}\n      >\n        {children || <DefaultIcon />}\n      </Flex>\n    );\n  },\n);\n\n(Prefix as typeof Prefix & { displayName: string }).displayName =\n  'MessageContainer.Prefix';\n"],
-  "mappings": "AA+Ba;AA/Bb,SAAS,kBAAkC;AAE3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kCAAkC;AAG3C,SAAS,YAAY;AAcrB,MAAM,cAAc,MAAM;AACxB,QAAM,EAAE,QAAQ,IAAI,2BAA2B;AAE/C,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO,oBAAC,mBAAgB;AAAA,IAC1B,KAAK;AACH,aAAO,oBAAC,eAAY;AAAA,IACtB,KAAK;AACH,aAAO,oBAAC,eAAY;AAAA,IACtB,KAAK;AACH,aAAO,oBAAC,gBAAa;AAAA,IACvB,KAAK;AAAA,IACL;AACE,aAAO,oBAAC,mBAAgB;AAAA,EAC5B;AACF;AAMO,MAAM,SAAS;AAAA,EACpB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,GAAG;AAAA,IACL,IAAiC;AAEjC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACb,KAAK;AAAA,QACL,WAAW;AAAA,QACX,OAAO;AAAA,QACN,GAAG;AAAA,QAEH,sBAAY,oBAAC,eAAY;AAAA;AAAA,IAC5B;AAAA,EAEJ;AACF;AAEC,OAAmD,cAClD;",
+  "sourcesContent": ["import { forwardRef, type ReactNode } from 'react';\n\nimport {\n  CriticalIcon,\n  InformationIcon,\n  SuccessIcon,\n  WarningIcon,\n} from '@dynatrace/strato-icons';\n\nimport { useMessageContainerContext } from './hooks/useMessageContainerContext.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\n\n//#region Typings\n/**\n * Accepted properties for the MessageContainer Prefix.\n * @public\n */\nexport interface MessageContainerPrefixProps extends StylingProps, DataTestId {\n  /** Elements to be displayed in the prefix slot. */\n  children?: ReactNode;\n}\n//#endregion Typings\n\nconst DefaultIcon = () => {\n  const { variant } = useMessageContainerContext();\n\n  switch (variant) {\n    case 'primary':\n      return <InformationIcon />;\n    case 'success':\n      return <SuccessIcon />;\n    case 'warning':\n      return <WarningIcon />;\n    case 'critical':\n      return <CriticalIcon />;\n    case 'neutral':\n    default:\n      return <InformationIcon />;\n  }\n};\n\n/**\n * The MessageContainer Prefix component.\n * @public\n */\nexport const Prefix = forwardRef<HTMLDivElement, MessageContainerPrefixProps>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      ...remainingProps\n    }: MessageContainerPrefixProps = props;\n\n    return (\n      <Flex\n        data-testid={dataTestId}\n        ref={forwardedRef}\n        className={consumerClassName}\n        style={consumerStyle}\n        {...remainingProps}\n      >\n        {children || <DefaultIcon />}\n      </Flex>\n    );\n  },\n);\n\n(Prefix as typeof Prefix & { displayName: string }).displayName =\n  'MessageContainer.Prefix';\n"],
+  "mappings": "AA8Ba;AA9Bb,SAAS,kBAAkC;AAE3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kCAAkC;AAG3C,SAAS,YAAY;AAarB,MAAM,cAAc,MAAM;AACxB,QAAM,EAAE,QAAQ,IAAI,2BAA2B;AAE/C,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO,oBAAC,mBAAgB;AAAA,IAC1B,KAAK;AACH,aAAO,oBAAC,eAAY;AAAA,IACtB,KAAK;AACH,aAAO,oBAAC,eAAY;AAAA,IACtB,KAAK;AACH,aAAO,oBAAC,gBAAa;AAAA,IACvB,KAAK;AAAA,IACL;AACE,aAAO,oBAAC,mBAAgB;AAAA,EAC5B;AACF;AAMO,MAAM,SAAS;AAAA,EACpB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,GAAG;AAAA,IACL,IAAiC;AAEjC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACb,KAAK;AAAA,QACL,WAAW;AAAA,QACX,OAAO;AAAA,QACN,GAAG;AAAA,QAEH,sBAAY,oBAAC,eAAY;AAAA;AAAA,IAC5B;AAAA,EAEJ;AACF;AAEC,OAAmD,cAClD;",
   "names": []
 }

package/esm/content/microguide/Microguide.css

@@ -1,27 +1,27 @@
-._z4mh730-3-13-2 {
+._z4mh730-3-14-0 {
   max-height: calc(100vh - calc(var(--dt-spacings-size-32, 32px) + var(--dt-spacings-size-56, 56px)));
   overflow: hidden;
 }
-._z4mh731-3-13-2 {
+._z4mh731-3-14-0 {
   position: relative;
   margin: 0 var(--dt-spacings-size-16, 16px) var(--dt-spacings-size-8, 8px);
 }
-._z4mh732-3-13-2 {
+._z4mh732-3-14-0 {
   position: relative;
   overflow: hidden;
   display: flex;
   flex-direction: column;
 }
-._z4mh733-3-13-2 {
+._z4mh733-3-14-0 {
   overflow: hidden;
   padding: 0 var(--dt-spacings-size-16, 16px);
 }
-._z4mh734-3-13-2 {
+._z4mh734-3-14-0 {
   z-index: var(--dt-elevations-default, 1);
   position: relative;
 }
-._z4mh735-3-13-2 {
-  --_1igzksy0-3-13-2: var(--dt-borders-radius-surface-subdued, 9px);
+._z4mh735-3-14-0 {
+  --_1igzksy0-3-14-0: var(--dt-borders-radius-surface-subdued, 9px);
   width: 400px;
   max-width: calc(100vw - var(--dt-spacings-size-32, 32px));
   max-height: calc(100vh - var(--dt-spacings-size-32, 32px));
@@ -29,19 +29,19 @@
   border-radius: var(--dt-borders-radius-surface-subdued, 9px);
   pointer-events: auto;
 }
-._z4mh736-3-13-2 {
+._z4mh736-3-14-0 {
   bottom: var(--dt-spacings-size-16, 16px);
   left: var(--dt-spacings-size-16, 16px);
 }
-._z4mh737-3-13-2 {
+._z4mh737-3-14-0 {
   top: var(--dt-spacings-size-16, 16px);
   right: var(--dt-spacings-size-16, 16px);
 }
-._z4mh738-3-13-2 {
+._z4mh738-3-14-0 {
   top: var(--dt-spacings-size-16, 16px);
   left: var(--dt-spacings-size-16, 16px);
 }
-._z4mh739-3-13-2 {
+._z4mh739-3-14-0 {
   bottom: var(--dt-spacings-size-16, 16px);
   right: var(--dt-spacings-size-16, 16px);
 }

package/esm/content/microguide/Microguide.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/microguide/Microguide.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  type KeyboardEvent as ReactKeyboardEvent,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { FormattedMessage, useIntl } from 'react-intl';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport { MicroguideContext } from './contexts/MicroguideContext.js';\nimport * as styles from './Microguide.sty.js';\nimport { Step } from './Step.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useOverlayStacking } from '../../core/hooks/useOverlayStacking.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport { useSlots } from '../../core/hooks/useSlots.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { Surface } from '../../layouts/surface/Surface.js';\nimport { useKeyboardFocusHandling } from '../../overlays/hooks/useKeyboardFocusHandling.js';\nimport { Content } from '../shared-components/Content.js';\nimport { Title } from '../shared-components/Title.js';\nimport { Visual } from '../shared-components/Visual.js';\n\nconst COMPONENT_NAME = 'Microguide';\n\n//#region Typings\n/**\n * Accepted properties for Microguide\n * @public\n */\nexport interface MicroguideProps\n  extends WithChildren,\n    AriaLabelingProps,\n    DataTestId,\n    MaskingProps,\n    StylingProps,\n    BehaviorTrackingProps {\n  /**\n   * Whether the Microguide is currently shown or not. Has to be controlled by the consumer.\n   */\n  open: boolean;\n  /**\n   * Placement of the Microguide.\n   * @defaultValue 'bottom-right'\n   */\n  placement?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';\n  /**\n   * Callback fired when closing the Microguide.\n   * Indicates the current step (zero-based) when closing and whether the Microguide was finished (i.e. closed in the last step).\n   * @param currentStep - The currently active step when closing.\n   * @param finished - Whether the guide was closed in the last step.\n   */\n  onClose: (currentStep: number, finished: boolean) => void;\n  /**\n   * Callback fired when the user navigates between steps. Indicates the target step (zero-based).\n   * @param step - The step that the user navigated to.\n   */\n  onStepChange?: (step: number) => void;\n}\n//#endregion Typings\n\nconst MicroguideRoot = forwardRef<HTMLDivElement, MicroguideProps>(\n  (props, forwardedRef) => {\n    const {\n      open,\n      placement = 'bottom-right',\n      onClose,\n      children,\n      onStepChange,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      className: consumerClassName,\n      style: consumerStyle,\n      ...remainingProps\n    } = props;\n\n    const microguideContainer = useRef<HTMLElement | null>(null);\n    const closeButtonRef = useRef<HTMLButtonElement | null>(null);\n\n    const [currentStep, setCurrentStep] = useState(0);\n    const [isNext, setIsNext] = useState(true);\n    const [hasTitle, setHasTitle] = useState(false);\n    const [hasContent, setHasContent] = useState(false);\n    const [handleFocusOnKeydown, closedOnKeydown] =\n      useKeyboardFocusHandling(closeButtonRef);\n    const overlayStacking = useOverlayStacking(undefined, 'microguide');\n    const intl = useIntl();\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n    const ariaLabelingProps = useAriaLabelingProps(restProps);\n    const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n    const [slots] = useSlots(children, {\n      steps: { match: Step, multiple: true },\n    });\n\n    const stepsLength = slots.steps?.length ?? 0;\n    const isLastStep = currentStep + 1 >= stepsLength;\n    const nextGotItDataDtProperties = `state:${\n      isLastStep ? 'gotIt' : 'next'\n    },step:${currentStep + 1},totalSteps:${stepsLength}`;\n\n    if (hasTitle && ariaLabelingProps['aria-labelledby'] === undefined) {\n      ariaLabelingProps['aria-labelledby'] = 'strato-microguide-title';\n    }\n    if (hasContent && ariaLabelingProps['aria-describedby'] === undefined) {\n      ariaLabelingProps['aria-describedby'] = 'strato-microguide-content';\n    }\n\n    // Handle the escape key\n    const closeOnEscape = (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (event.key !== 'Escape') {\n        return;\n      }\n      event.preventDefault();\n      closedOnKeydown.current = true;\n      onClose(currentStep, isLastStep);\n    };\n\n    useLayoutEffect(() => {\n      const container = document.createElement('div');\n      container.setAttribute('aria-live', 'polite');\n      container.setAttribute('data-microguide-container', 'true');\n      microguideContainer.current = container;\n\n      // Insert before the toast container so toasts always render on top.\n      const toastContainer = document.querySelector('[data-toast-container]');\n      if (toastContainer?.parentNode) {\n        toastContainer.parentNode.insertBefore(container, toastContainer);\n      } else {\n        document.body.appendChild(container);\n      }\n\n      return () => {\n        microguideContainer.current?.remove();\n      };\n    }, []);\n\n    useEffect(() => {\n      // Reset microguide to the first step once it closes\n      if (open === false) {\n        setCurrentStep(0);\n        // Restore focus if closed via keyboard\n        handleFocusOnKeydown();\n      }\n    }, [handleFocusOnKeydown, open]);\n\n    const handleBack = () => {\n      const previousStep = currentStep - 1;\n      setIsNext(false);\n      onStepChange?.(previousStep);\n      setCurrentStep(previousStep);\n    };\n\n    const handleNext = () => {\n      const nextStep = currentStep + 1;\n      setIsNext(true);\n      onStepChange?.(nextStep);\n      setCurrentStep(nextStep);\n    };\n\n    return open\n      ? createPortal(\n          <Surface\n            ref={forwardedRef}\n            elevation=\"floating\"\n            onKeyDown={closeOnEscape}\n            role=\"dialog\"\n            aria-modal=\"false\"\n            className={clsx(\n              styles.wrapper,\n              styles.wrapperPosition[placement],\n              consumerClassName,\n            )}\n            style={{\n              // since the surface applies `position: relative` by default,\n              // we ensure higher specificity by applying position as an inline style\n              position: 'fixed',\n              zIndex: overlayStacking.style.zIndex,\n              ...consumerStyle,\n            }}\n            data-testid={dataTestId}\n            data-dtrum-mask={dataDtrumMask}\n            data-dtrum-allow={dataDtrumAllow}\n            {...ariaLabelingProps}\n            {...behavioralTrackingProps}\n            {...forwardProps}\n            data-dt-component={COMPONENT_NAME}\n          >\n            <MicroguideContext.Provider\n              value={{\n                onClose,\n                currentStep,\n                totalSteps: stepsLength,\n                isNext,\n                setHasContent,\n                setHasTitle,\n                closeButtonRef,\n                closedOnKeydown,\n              }}\n            >\n              {slots.steps?.[currentStep]}\n            </MicroguideContext.Provider>\n            <Flex\n              className={styles.footer}\n              flexDirection=\"row\"\n              justifyContent=\"space-between\"\n              alignItems=\"center\"\n              gap={16}\n              paddingX={16}\n              paddingBottom={16}\n              paddingTop={8}\n            >\n              <div style={{ color: Colors.Text.Neutral.Subdued }}>\n                {stepsLength > 1 && `${currentStep + 1}/${stepsLength}`}\n              </div>\n              <Flex gap={8}>\n                {currentStep > 0 && (\n                  <Button onClick={handleBack} data-dt-children-name=\"Back\">\n                    <FormattedMessage\n                      description=\"Microguide Back button.\"\n                      defaultMessage=\"Back\"\n                      id=\"N27hQ6LyGqdym2Yi\"\n                    />\n                  </Button>\n                )}\n                <Button\n                  variant={isLastStep ? 'accent' : 'emphasized'}\n                  color={isLastStep ? 'primary' : 'neutral'}\n                  onClick={\n                    isLastStep ? () => onClose(currentStep, true) : handleNext\n                  }\n                  onKeyDown={() => (closedOnKeydown.current = isLastStep)}\n                  data-dt-children-name=\"NextGotIt\"\n                  data-dt-properties={nextGotItDataDtProperties}\n                >\n                  {isLastStep\n                    ? intl.formatMessage({\n                        defaultMessage: 'Got it',\n                        id: 'fzkORq3AsvX/NtMB',\n                        description: 'Microguide Got it button at last step.',\n                      })\n                    : intl.formatMessage({\n                        defaultMessage: 'Next',\n                        id: '+jn6HNnzB4IDIbZu',\n                        description: 'Microguide Next button.',\n                      })}\n                </Button>\n              </Flex>\n            </Flex>\n          </Surface>,\n          microguideContainer.current ?? document.body,\n        )\n      : null;\n  },\n);\n\n(\n  MicroguideRoot as typeof MicroguideRoot & { displayName: string }\n).displayName = COMPONENT_NAME;\n\n/**\n * Use the `Microguide` to guide users through features or functionality in small steps, supporting onboarding of new users and the introduction of new features.\n * @public\n */\nexport const Microguide = Object.assign(MicroguideRoot, {\n  Step,\n  Title,\n  Visual,\n  Content,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  type KeyboardEvent as ReactKeyboardEvent,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { FormattedMessage, useIntl } from 'react-intl';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport { MicroguideContext } from './contexts/MicroguideContext.js';\nimport * as styles from './Microguide.sty.js';\nimport { Step } from './Step.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useOverlayStacking } from '../../core/hooks/useOverlayStacking.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport { useSlots } from '../../core/hooks/useSlots.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { Surface } from '../../layouts/surface/Surface.js';\nimport { useKeyboardFocusHandling } from '../../overlays/hooks/useKeyboardFocusHandling.js';\nimport { Content } from '../shared-components/Content.js';\nimport { Title } from '../shared-components/Title.js';\nimport { Visual } from '../shared-components/Visual.js';\n\nconst COMPONENT_NAME = 'Microguide';\n\n//#region Typings\n/**\n * Accepted properties for Microguide\n * @public\n */\nexport interface MicroguideProps\n  extends\n    WithChildren,\n    AriaLabelingProps,\n    DataTestId,\n    MaskingProps,\n    StylingProps,\n    BehaviorTrackingProps {\n  /**\n   * Whether the Microguide is currently shown or not. Has to be controlled by the consumer.\n   */\n  open: boolean;\n  /**\n   * Placement of the Microguide.\n   * @defaultValue 'bottom-right'\n   */\n  placement?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';\n  /**\n   * Callback fired when closing the Microguide.\n   * Indicates the current step (zero-based) when closing and whether the Microguide was finished (i.e. closed in the last step).\n   * @param currentStep - The currently active step when closing.\n   * @param finished - Whether the guide was closed in the last step.\n   */\n  onClose: (currentStep: number, finished: boolean) => void;\n  /**\n   * Callback fired when the user navigates between steps. Indicates the target step (zero-based).\n   * @param step - The step that the user navigated to.\n   */\n  onStepChange?: (step: number) => void;\n}\n//#endregion Typings\n\nconst MicroguideRoot = forwardRef<HTMLDivElement, MicroguideProps>(\n  (props, forwardedRef) => {\n    const {\n      open,\n      placement = 'bottom-right',\n      onClose,\n      children,\n      onStepChange,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      className: consumerClassName,\n      style: consumerStyle,\n      ...remainingProps\n    } = props;\n\n    const microguideContainer = useRef<HTMLElement | null>(null);\n    const closeButtonRef = useRef<HTMLButtonElement | null>(null);\n\n    const [currentStep, setCurrentStep] = useState(0);\n    const [isNext, setIsNext] = useState(true);\n    const [hasTitle, setHasTitle] = useState(false);\n    const [hasContent, setHasContent] = useState(false);\n    const [handleFocusOnKeydown, closedOnKeydown] =\n      useKeyboardFocusHandling(closeButtonRef);\n    const overlayStacking = useOverlayStacking(undefined, 'microguide');\n    const intl = useIntl();\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n    const ariaLabelingProps = useAriaLabelingProps(restProps);\n    const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n    const [slots] = useSlots(children, {\n      steps: { match: Step, multiple: true },\n    });\n\n    const stepsLength = slots.steps?.length ?? 0;\n    const isLastStep = currentStep + 1 >= stepsLength;\n    const nextGotItDataDtProperties = `state:${\n      isLastStep ? 'gotIt' : 'next'\n    },step:${currentStep + 1},totalSteps:${stepsLength}`;\n\n    if (hasTitle && ariaLabelingProps['aria-labelledby'] === undefined) {\n      ariaLabelingProps['aria-labelledby'] = 'strato-microguide-title';\n    }\n    if (hasContent && ariaLabelingProps['aria-describedby'] === undefined) {\n      ariaLabelingProps['aria-describedby'] = 'strato-microguide-content';\n    }\n\n    // Handle the escape key\n    const closeOnEscape = (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (event.key !== 'Escape') {\n        return;\n      }\n      event.preventDefault();\n      closedOnKeydown.current = true;\n      onClose(currentStep, isLastStep);\n    };\n\n    useLayoutEffect(() => {\n      const container = document.createElement('div');\n      container.setAttribute('aria-live', 'polite');\n      container.setAttribute('data-microguide-container', 'true');\n      microguideContainer.current = container;\n\n      // Insert before the toast container so toasts always render on top.\n      const toastContainer = document.querySelector('[data-toast-container]');\n      if (toastContainer?.parentNode) {\n        toastContainer.parentNode.insertBefore(container, toastContainer);\n      } else {\n        document.body.appendChild(container);\n      }\n\n      return () => {\n        microguideContainer.current?.remove();\n      };\n    }, []);\n\n    useEffect(() => {\n      // Reset microguide to the first step once it closes\n      if (open === false) {\n        setCurrentStep(0);\n        // Restore focus if closed via keyboard\n        handleFocusOnKeydown();\n      }\n    }, [handleFocusOnKeydown, open]);\n\n    const handleBack = () => {\n      const previousStep = currentStep - 1;\n      setIsNext(false);\n      onStepChange?.(previousStep);\n      setCurrentStep(previousStep);\n    };\n\n    const handleNext = () => {\n      const nextStep = currentStep + 1;\n      setIsNext(true);\n      onStepChange?.(nextStep);\n      setCurrentStep(nextStep);\n    };\n\n    return open\n      ? createPortal(\n          <Surface\n            ref={forwardedRef}\n            elevation=\"floating\"\n            onKeyDown={closeOnEscape}\n            role=\"dialog\"\n            aria-modal=\"false\"\n            className={clsx(\n              styles.wrapper,\n              styles.wrapperPosition[placement],\n              consumerClassName,\n            )}\n            style={{\n              // since the surface applies `position: relative` by default,\n              // we ensure higher specificity by applying position as an inline style\n              position: 'fixed',\n              zIndex: overlayStacking.style.zIndex,\n              ...consumerStyle,\n            }}\n            data-testid={dataTestId}\n            data-dtrum-mask={dataDtrumMask}\n            data-dtrum-allow={dataDtrumAllow}\n            {...ariaLabelingProps}\n            {...behavioralTrackingProps}\n            {...forwardProps}\n            data-dt-component={COMPONENT_NAME}\n          >\n            <MicroguideContext.Provider\n              value={{\n                onClose,\n                currentStep,\n                totalSteps: stepsLength,\n                isNext,\n                setHasContent,\n                setHasTitle,\n                closeButtonRef,\n                closedOnKeydown,\n              }}\n            >\n              {slots.steps?.[currentStep]}\n            </MicroguideContext.Provider>\n            <Flex\n              className={styles.footer}\n              flexDirection=\"row\"\n              justifyContent=\"space-between\"\n              alignItems=\"center\"\n              gap={16}\n              paddingX={16}\n              paddingBottom={16}\n              paddingTop={8}\n            >\n              <div style={{ color: Colors.Text.Neutral.Subdued }}>\n                {stepsLength > 1 && `${currentStep + 1}/${stepsLength}`}\n              </div>\n              <Flex gap={8}>\n                {currentStep > 0 && (\n                  <Button onClick={handleBack} data-dt-children-name=\"Back\">\n                    <FormattedMessage\n                      description=\"Microguide Back button.\"\n                      defaultMessage=\"Back\"\n                      id=\"N27hQ6LyGqdym2Yi\"\n                    />\n                  </Button>\n                )}\n                <Button\n                  variant={isLastStep ? 'accent' : 'emphasized'}\n                  color={isLastStep ? 'primary' : 'neutral'}\n                  onClick={\n                    isLastStep ? () => onClose(currentStep, true) : handleNext\n                  }\n                  onKeyDown={() => (closedOnKeydown.current = isLastStep)}\n                  data-dt-children-name=\"NextGotIt\"\n                  data-dt-properties={nextGotItDataDtProperties}\n                >\n                  {isLastStep\n                    ? intl.formatMessage({\n                        defaultMessage: 'Got it',\n                        id: 'fzkORq3AsvX/NtMB',\n                        description: 'Microguide Got it button at last step.',\n                      })\n                    : intl.formatMessage({\n                        defaultMessage: 'Next',\n                        id: '+jn6HNnzB4IDIbZu',\n                        description: 'Microguide Next button.',\n                      })}\n                </Button>\n              </Flex>\n            </Flex>\n          </Surface>,\n          microguideContainer.current ?? document.body,\n        )\n      : null;\n  },\n);\n\n(\n  MicroguideRoot as typeof MicroguideRoot & { displayName: string }\n).displayName = COMPONENT_NAME;\n\n/**\n * Use the `Microguide` to guide users through features or functionality in small steps, supporting onboarding of new users and the introduction of new features.\n * @public\n */\nexport const Microguide = Object.assign(MicroguideRoot, {\n  Step,\n  Title,\n  Visual,\n  Content,\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/content/microguide/Microguide.sty.js

@@ -1,11 +1,11 @@
 import "./Microguide.css";
-var animatedContent = "_z4mh733-3-13-2";
-var contentWrapper = "_z4mh732-3-13-2";
-var footer = "_z4mh734-3-13-2";
-var stepContainer = "_z4mh730-3-13-2";
-var visualWrapper = "_z4mh731-3-13-2";
-var wrapper = "_z4mh735-3-13-2";
-var wrapperPosition = { "bottom-left": "_z4mh736-3-13-2", "top-right": "_z4mh737-3-13-2", "top-left": "_z4mh738-3-13-2", "bottom-right": "_z4mh739-3-13-2" };
+var animatedContent = "_z4mh733-3-14-0";
+var contentWrapper = "_z4mh732-3-14-0";
+var footer = "_z4mh734-3-14-0";
+var stepContainer = "_z4mh730-3-14-0";
+var visualWrapper = "_z4mh731-3-14-0";
+var wrapper = "_z4mh735-3-14-0";
+var wrapperPosition = { "bottom-left": "_z4mh736-3-14-0", "top-right": "_z4mh737-3-14-0", "top-left": "_z4mh738-3-14-0", "bottom-right": "_z4mh739-3-14-0" };
 export {
   animatedContent,
   contentWrapper,

package/esm/content/microguide/Microguide.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/microguide/Microguide.css.ts"],
-  "sourcesContent": ["import './Microguide.css';\nexport var animatedContent = '_z4mh733-3-13-2';\nexport var contentWrapper = '_z4mh732-3-13-2';\nexport var footer = '_z4mh734-3-13-2';\nexport var stepContainer = '_z4mh730-3-13-2';\nexport var visualWrapper = '_z4mh731-3-13-2';\nexport var wrapper = '_z4mh735-3-13-2';\nexport var wrapperPosition = {'bottom-left':'_z4mh736-3-13-2','top-right':'_z4mh737-3-13-2','top-left':'_z4mh738-3-13-2','bottom-right':'_z4mh739-3-13-2'};"],
+  "sourcesContent": ["import './Microguide.css';\nexport var animatedContent = '_z4mh733-3-14-0';\nexport var contentWrapper = '_z4mh732-3-14-0';\nexport var footer = '_z4mh734-3-14-0';\nexport var stepContainer = '_z4mh730-3-14-0';\nexport var visualWrapper = '_z4mh731-3-14-0';\nexport var wrapper = '_z4mh735-3-14-0';\nexport var wrapperPosition = {'bottom-left':'_z4mh736-3-14-0','top-right':'_z4mh737-3-14-0','top-left':'_z4mh738-3-14-0','bottom-right':'_z4mh739-3-14-0'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,iBAAiB;AACrB,IAAI,SAAS;AACb,IAAI,gBAAgB;AACpB,IAAI,gBAAgB;AACpB,IAAI,UAAU;AACd,IAAI,kBAAkB,EAAC,eAAc,mBAAkB,aAAY,mBAAkB,YAAW,mBAAkB,gBAAe,kBAAiB;",
   "names": []
 }