@usertour/helpers 0.0.41 → 0.0.43

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`,
@@ -210,6 +209,7 @@ var convertToCssVars = (settings, type = "tooltip") => {
210
209
  "--usertour-widget-launcher-icon-active-color": settings.launcherIcon.color.active,
211
210
  "--usertour-widget-launcher-icon-size": `${settings.launcherIcon.size}px`,
212
211
  "--usertour-widget-beacon-color": settings.launcherBeacon.color,
212
+ "--usertour-widget-beacon-size": `${settings.launcherBeacon.size}px`,
213
213
  "--usertour-widget-launcher-icon-opacity": settings.launcherIcon.opacity / 100,
214
214
  "--usertour-widget-popper-padding-top": "2px",
215
215
  "--usertour-widget-popper-padding-bottom": "2px",
@@ -226,6 +226,9 @@ var convertToCssVars = (settings, type = "tooltip") => {
226
226
  "--usertour-checklist-trigger-hover-background-color": settings.checklistLauncher.color.hover,
227
227
  "--usertour-question-color": hexToHSLString(settings.survey.color)
228
228
  };
229
+ if (settings.backdrop.highlight.type === "inside") {
230
+ cssMapping["--usertour-backdrop-highlight-inset"] = "inset";
231
+ }
229
232
  let css = "";
230
233
  for (const key in cssMapping) {
231
234
  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`,
@@ -275,6 +274,7 @@ var convertToCssVars = (settings, type = "tooltip") => {
275
274
  "--usertour-widget-launcher-icon-active-color": settings.launcherIcon.color.active,
276
275
  "--usertour-widget-launcher-icon-size": `${settings.launcherIcon.size}px`,
277
276
  "--usertour-widget-beacon-color": settings.launcherBeacon.color,
277
+ "--usertour-widget-beacon-size": `${settings.launcherBeacon.size}px`,
278
278
  "--usertour-widget-launcher-icon-opacity": settings.launcherIcon.opacity / 100,
279
279
  "--usertour-widget-popper-padding-top": "2px",
280
280
  "--usertour-widget-popper-padding-bottom": "2px",
@@ -291,6 +291,9 @@ var convertToCssVars = (settings, type = "tooltip") => {
291
291
  "--usertour-checklist-trigger-hover-background-color": settings.checklistLauncher.color.hover,
292
292
  "--usertour-question-color": hexToHSLString(settings.survey.color)
293
293
  };
294
+ if (settings.backdrop.highlight.type === "inside") {
295
+ cssMapping["--usertour-backdrop-highlight-inset"] = "inset";
296
+ }
294
297
  let css = "";
295
298
  for (const key in cssMapping) {
296
299
  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-OBKNA55U.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`,
@@ -433,6 +432,7 @@ var convertToCssVars = (settings, type = "tooltip") => {
433
432
  "--usertour-widget-launcher-icon-active-color": settings.launcherIcon.color.active,
434
433
  "--usertour-widget-launcher-icon-size": `${settings.launcherIcon.size}px`,
435
434
  "--usertour-widget-beacon-color": settings.launcherBeacon.color,
435
+ "--usertour-widget-beacon-size": `${settings.launcherBeacon.size}px`,
436
436
  "--usertour-widget-launcher-icon-opacity": settings.launcherIcon.opacity / 100,
437
437
  "--usertour-widget-popper-padding-top": "2px",
438
438
  "--usertour-widget-popper-padding-bottom": "2px",
@@ -449,6 +449,9 @@ var convertToCssVars = (settings, type = "tooltip") => {
449
449
  "--usertour-checklist-trigger-hover-background-color": settings.checklistLauncher.color.hover,
450
450
  "--usertour-question-color": hexToHSLString(settings.survey.color)
451
451
  };
452
+ if (settings.backdrop.highlight.type === "inside") {
453
+ cssMapping["--usertour-backdrop-highlight-inset"] = "inset";
454
+ }
452
455
  let css = "";
453
456
  for (const key in cssMapping) {
454
457
  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-OBKNA55U.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.43",
4
4
  "type": "module",
5
5
  "description": "Utility functions and helpers shared across the UserTour project",
6
6
  "homepage": "https://www.usertour.io",