@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.
@@ -19503,7 +19503,7 @@ var SlideEffect = _ref => {
19503
19503
  })));
19504
19504
  };
19505
19505
 
19506
- var _excluded$$ = ["children", "highlightText", "highlightStyle", "highlightColor", "highlightSecondaryColor", "size", "responsive", "views", "highlightAnimate", "animate", "animationLoop", "highlightAnimationLoop", "highlightTypewriter", "highlightTypewriterDuration", "highlightSlide", "highlightSlideDuration", "highlightSlideStagger", "highlightSlideSequential"];
19506
+ var _excluded$$ = ["children", "highlightText", "highlightStyle", "highlightColor", "highlightSecondaryColor", "size", "responsive", "views", "highlightAnimate", "animate", "animationLoop", "highlightAnimationLoop", "highlightTypewriter", "highlightTypewriterDuration", "highlightSlide", "highlightSlideDuration", "highlightSlideStagger", "highlightSlideSequential", "themeMode"];
19507
19507
  function escapeRegExp(string) {
19508
19508
  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
19509
19509
  }
@@ -19526,13 +19526,25 @@ var TitleView = _ref => {
19526
19526
  highlightSlide: propHighlightSlide = false,
19527
19527
  highlightSlideDuration = 500,
19528
19528
  highlightSlideStagger = 50,
19529
- highlightSlideSequential = true
19529
+ highlightSlideSequential = true,
19530
+ themeMode: elementMode
19530
19531
  } = _ref,
19531
19532
  props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
19532
19533
  var {
19533
19534
  ref,
19534
19535
  inView
19535
19536
  } = appStudio.useInView();
19537
+ var {
19538
+ getColor,
19539
+ themeMode
19540
+ } = appStudio.useTheme();
19541
+ var currentThemeMode = elementMode || themeMode;
19542
+ var resolvedHighlightColor = getColor(highlightColor, {
19543
+ themeMode: currentThemeMode
19544
+ });
19545
+ var resolvedHighlightSecondaryColor = highlightSecondaryColor ? getColor(highlightSecondaryColor, {
19546
+ themeMode: currentThemeMode
19547
+ }) : undefined;
19536
19548
  var {
19537
19549
  finalDisplayedText,
19538
19550
  activeHighlightTarget,
@@ -19557,7 +19569,7 @@ var TitleView = _ref => {
19557
19569
  var fontSize = TitleSizes[size];
19558
19570
  var responsiveStyles = useResponsive ? ResponsiveTypography[size] : null;
19559
19571
  // Highlight style props
19560
- var highlightProps = HighlightStyles[highlightStyle](highlightColor, highlightSecondaryColor);
19572
+ var highlightProps = HighlightStyles[highlightStyle](resolvedHighlightColor, resolvedHighlightSecondaryColor);
19561
19573
  // Apply loop control to animations
19562
19574
  var applyAnimationLoop = (animation, loopControl) => {
19563
19575
  if (!animation) return animation;