@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.
@@ -19465,7 +19465,7 @@
19465
19465
  })));
19466
19466
  };
19467
19467
 
19468
- var _excluded$$ = ["children", "highlightText", "highlightStyle", "highlightColor", "highlightSecondaryColor", "size", "responsive", "views", "highlightAnimate", "animate", "animationLoop", "highlightAnimationLoop", "highlightTypewriter", "highlightTypewriterDuration", "highlightSlide", "highlightSlideDuration", "highlightSlideStagger", "highlightSlideSequential"];
19468
+ var _excluded$$ = ["children", "highlightText", "highlightStyle", "highlightColor", "highlightSecondaryColor", "size", "responsive", "views", "highlightAnimate", "animate", "animationLoop", "highlightAnimationLoop", "highlightTypewriter", "highlightTypewriterDuration", "highlightSlide", "highlightSlideDuration", "highlightSlideStagger", "highlightSlideSequential", "themeMode"];
19469
19469
  function escapeRegExp(string) {
19470
19470
  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
19471
19471
  }
@@ -19488,13 +19488,25 @@
19488
19488
  highlightSlide: propHighlightSlide = false,
19489
19489
  highlightSlideDuration = 500,
19490
19490
  highlightSlideStagger = 50,
19491
- highlightSlideSequential = true
19491
+ highlightSlideSequential = true,
19492
+ themeMode: elementMode
19492
19493
  } = _ref,
19493
19494
  props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
19494
19495
  var {
19495
19496
  ref,
19496
19497
  inView
19497
19498
  } = appStudio.useInView();
19499
+ var {
19500
+ getColor,
19501
+ themeMode
19502
+ } = appStudio.useTheme();
19503
+ var currentThemeMode = elementMode || themeMode;
19504
+ var resolvedHighlightColor = getColor(highlightColor, {
19505
+ themeMode: currentThemeMode
19506
+ });
19507
+ var resolvedHighlightSecondaryColor = highlightSecondaryColor ? getColor(highlightSecondaryColor, {
19508
+ themeMode: currentThemeMode
19509
+ }) : undefined;
19498
19510
  var {
19499
19511
  finalDisplayedText,
19500
19512
  activeHighlightTarget,
@@ -19519,7 +19531,7 @@
19519
19531
  var fontSize = TitleSizes[size];
19520
19532
  var responsiveStyles = useResponsive ? ResponsiveTypography[size] : null;
19521
19533
  // Highlight style props
19522
- var highlightProps = HighlightStyles[highlightStyle](highlightColor, highlightSecondaryColor);
19534
+ var highlightProps = HighlightStyles[highlightStyle](resolvedHighlightColor, resolvedHighlightSecondaryColor);
19523
19535
  // Apply loop control to animations
19524
19536
  var applyAnimationLoop = (animation, loopControl) => {
19525
19537
  if (!animation) return animation;