@usertour/helpers 0.0.41 → 0.0.42

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.
@@ -190,7 +190,6 @@ var convertToCssVars = (settings, type = "tooltip") => {
190
190
  "--usertour-secondary-border-active": settings.buttons.secondary.border.color.active,
191
191
  "--usertour-secondary-font-weight": settings.buttons.secondary.fontWeight,
192
192
  "--usertour-backdrop-color-rgb": hexToRGBStr(settings.backdrop.color),
193
- "--usertour-backdrop-highlight-inset": settings.backdrop.highlight.type === "inside" ? "inset" : null,
194
193
  "--usertour-backdrop-highlight-color-rgb": hexToRGBStr(settings.backdrop.highlight.color),
195
194
  "--usertour-backdrop-highlight-opacity": settings.backdrop.highlight.opacity / 100,
196
195
  "--usertour-backdrop-highlight-radius": `${settings.backdrop.highlight.radius}px`,
@@ -226,6 +225,9 @@ var convertToCssVars = (settings, type = "tooltip") => {
226
225
  "--usertour-checklist-trigger-hover-background-color": settings.checklistLauncher.color.hover,
227
226
  "--usertour-question-color": hexToHSLString(settings.survey.color)
228
227
  };
228
+ if (settings.backdrop.highlight.type === "inside") {
229
+ cssMapping["--usertour-backdrop-highlight-inset"] = "inset";
230
+ }
229
231
  let css = "";
230
232
  for (const key in cssMapping) {
231
233
  const value = cssMapping[key];
@@ -255,7 +255,6 @@ var convertToCssVars = (settings, type = "tooltip") => {
255
255
  "--usertour-secondary-border-active": settings.buttons.secondary.border.color.active,
256
256
  "--usertour-secondary-font-weight": settings.buttons.secondary.fontWeight,
257
257
  "--usertour-backdrop-color-rgb": hexToRGBStr(settings.backdrop.color),
258
- "--usertour-backdrop-highlight-inset": settings.backdrop.highlight.type === "inside" ? "inset" : null,
259
258
  "--usertour-backdrop-highlight-color-rgb": hexToRGBStr(settings.backdrop.highlight.color),
260
259
  "--usertour-backdrop-highlight-opacity": settings.backdrop.highlight.opacity / 100,
261
260
  "--usertour-backdrop-highlight-radius": `${settings.backdrop.highlight.radius}px`,
@@ -291,6 +290,9 @@ var convertToCssVars = (settings, type = "tooltip") => {
291
290
  "--usertour-checklist-trigger-hover-background-color": settings.checklistLauncher.color.hover,
292
291
  "--usertour-question-color": hexToHSLString(settings.survey.color)
293
292
  };
293
+ if (settings.backdrop.highlight.type === "inside") {
294
+ cssMapping["--usertour-backdrop-highlight-inset"] = "inset";
295
+ }
294
296
  let css = "";
295
297
  for (const key in cssMapping) {
296
298
  const value = cssMapping[key];
@@ -2,7 +2,7 @@ import {
2
2
  convertSettings,
3
3
  convertToCssVars,
4
4
  mergeThemeDefaultSettings
5
- } from "./chunk-F7ZHCELE.js";
5
+ } from "./chunk-V3MO6EFY.js";
6
6
  import "./chunk-VT24VOAZ.js";
7
7
  import "./chunk-GFH3VWOC.js";
8
8
  import "./chunk-XEO3YXBM.js";
package/dist/index.cjs CHANGED
@@ -413,7 +413,6 @@ var convertToCssVars = (settings, type = "tooltip") => {
413
413
  "--usertour-secondary-border-active": settings.buttons.secondary.border.color.active,
414
414
  "--usertour-secondary-font-weight": settings.buttons.secondary.fontWeight,
415
415
  "--usertour-backdrop-color-rgb": hexToRGBStr(settings.backdrop.color),
416
- "--usertour-backdrop-highlight-inset": settings.backdrop.highlight.type === "inside" ? "inset" : null,
417
416
  "--usertour-backdrop-highlight-color-rgb": hexToRGBStr(settings.backdrop.highlight.color),
418
417
  "--usertour-backdrop-highlight-opacity": settings.backdrop.highlight.opacity / 100,
419
418
  "--usertour-backdrop-highlight-radius": `${settings.backdrop.highlight.radius}px`,
@@ -449,6 +448,9 @@ var convertToCssVars = (settings, type = "tooltip") => {
449
448
  "--usertour-checklist-trigger-hover-background-color": settings.checklistLauncher.color.hover,
450
449
  "--usertour-question-color": hexToHSLString(settings.survey.color)
451
450
  };
451
+ if (settings.backdrop.highlight.type === "inside") {
452
+ cssMapping["--usertour-backdrop-highlight-inset"] = "inset";
453
+ }
452
454
  let css = "";
453
455
  for (const key in cssMapping) {
454
456
  const value = cssMapping[key];
package/dist/index.js CHANGED
@@ -62,7 +62,7 @@ import {
62
62
  convertSettings,
63
63
  convertToCssVars,
64
64
  mergeThemeDefaultSettings
65
- } from "./chunk-F7ZHCELE.js";
65
+ } from "./chunk-V3MO6EFY.js";
66
66
  import {
67
67
  generateAutoStateColors,
68
68
  hexToHSLString,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@usertour/helpers",
3
- "version": "0.0.41",
3
+ "version": "0.0.42",
4
4
  "type": "module",
5
5
  "description": "Utility functions and helpers shared across the UserTour project",
6
6
  "homepage": "https://www.usertour.io",