@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];
|
package/dist/convert-settings.js
CHANGED
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