@app-studio/web 0.9.60 → 0.9.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/web.esm.js CHANGED
@@ -19496,7 +19496,7 @@ var SlideEffect = _ref => {
19496
19496
  })));
19497
19497
  };
19498
19498
 
19499
- var _excluded$$ = ["children", "highlightText", "highlightStyle", "highlightColor", "highlightSecondaryColor", "size", "responsive", "views", "highlightAnimate", "animate", "animationLoop", "highlightAnimationLoop", "highlightTypewriter", "highlightTypewriterDuration", "highlightSlide", "highlightSlideDuration", "highlightSlideStagger", "highlightSlideSequential"];
19499
+ var _excluded$$ = ["children", "highlightText", "highlightStyle", "highlightColor", "highlightSecondaryColor", "size", "responsive", "views", "highlightAnimate", "animate", "animationLoop", "highlightAnimationLoop", "highlightTypewriter", "highlightTypewriterDuration", "highlightSlide", "highlightSlideDuration", "highlightSlideStagger", "highlightSlideSequential", "themeMode"];
19500
19500
  function escapeRegExp(string) {
19501
19501
  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
19502
19502
  }
@@ -19519,13 +19519,25 @@ var TitleView = _ref => {
19519
19519
  highlightSlide: propHighlightSlide = false,
19520
19520
  highlightSlideDuration = 500,
19521
19521
  highlightSlideStagger = 50,
19522
- highlightSlideSequential = true
19522
+ highlightSlideSequential = true,
19523
+ themeMode: elementMode
19523
19524
  } = _ref,
19524
19525
  props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
19525
19526
  var {
19526
19527
  ref,
19527
19528
  inView
19528
19529
  } = useInView();
19530
+ var {
19531
+ getColor,
19532
+ themeMode
19533
+ } = useTheme();
19534
+ var currentThemeMode = elementMode || themeMode;
19535
+ var resolvedHighlightColor = getColor(highlightColor, {
19536
+ themeMode: currentThemeMode
19537
+ });
19538
+ var resolvedHighlightSecondaryColor = highlightSecondaryColor ? getColor(highlightSecondaryColor, {
19539
+ themeMode: currentThemeMode
19540
+ }) : undefined;
19529
19541
  var {
19530
19542
  finalDisplayedText,
19531
19543
  activeHighlightTarget,
@@ -19550,7 +19562,7 @@ var TitleView = _ref => {
19550
19562
  var fontSize = TitleSizes[size];
19551
19563
  var responsiveStyles = useResponsive ? ResponsiveTypography[size] : null;
19552
19564
  // Highlight style props
19553
- var highlightProps = HighlightStyles[highlightStyle](highlightColor, highlightSecondaryColor);
19565
+ var highlightProps = HighlightStyles[highlightStyle](resolvedHighlightColor, resolvedHighlightSecondaryColor);
19554
19566
  // Apply loop control to animations
19555
19567
  var applyAnimationLoop = (animation, loopControl) => {
19556
19568
  if (!animation) return animation;