@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];
|
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`,
|
|
@@ -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