@usertour/helpers 0.0.63 → 0.0.65
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.
- package/dist/__tests__/convert-settings.test.cjs +19 -13
- package/dist/__tests__/convert-settings.test.js +15 -1
- package/dist/{chunk-XLRBUF5Z.js → chunk-2TXCWLS6.js} +5 -13
- package/dist/convert-settings.cjs +5 -13
- package/dist/convert-settings.js +1 -1
- package/dist/index.cjs +5 -13
- package/dist/index.js +1 -1
- package/package.json +2 -2
|
@@ -274,23 +274,15 @@ var convertToCssVars = (settings, type = "tooltip") => {
|
|
|
274
274
|
const cssMapping = {
|
|
275
275
|
"--usertour-background": hexToHSLString(settings.mainColor.background),
|
|
276
276
|
"--usertour-foreground": hexToHSLString(settings.mainColor.color),
|
|
277
|
-
"--usertour-brand-active-background-color": hexToHSLString(
|
|
278
|
-
|
|
279
|
-
),
|
|
280
|
-
"--usertour-brand-hover-background-color": hexToHSLString(
|
|
281
|
-
settings.brandColor.autoHover
|
|
282
|
-
),
|
|
277
|
+
"--usertour-brand-active-background-color": hexToHSLString(settings.brandColor.active),
|
|
278
|
+
"--usertour-brand-hover-background-color": hexToHSLString(settings.brandColor.hover),
|
|
283
279
|
"--usertour-font-family": settings.font.fontFamily,
|
|
284
280
|
"--usertour-font-size": `${settings.font.fontSize}px`,
|
|
285
281
|
"--usertour-main-background-color": settings.mainColor.background,
|
|
286
282
|
"--usertour-main-foreground-color": settings.mainColor.color,
|
|
287
|
-
"--usertour-main-hover-background-color": hexToHSLString(
|
|
288
|
-
|
|
289
|
-
),
|
|
290
|
-
"--usertour-main-active-background-color": hexToHSLString(
|
|
291
|
-
settings.mainColor.autoActive
|
|
292
|
-
),
|
|
293
|
-
"--usertour-ring": hexToHSLString(settings.mainColor.autoActive),
|
|
283
|
+
"--usertour-main-hover-background-color": hexToHSLString(settings.mainColor.hover),
|
|
284
|
+
"--usertour-main-active-background-color": hexToHSLString(settings.mainColor.active),
|
|
285
|
+
"--usertour-ring": hexToHSLString(settings.mainColor.active),
|
|
294
286
|
"--usertour-line-height": `${settings.font.lineHeight}px`,
|
|
295
287
|
"--usertour-widget-popper-border-radius": `${settings.border.borderRadius}px`,
|
|
296
288
|
"--usertour-font-weight-normal": settings.font.fontWeightNormal,
|
|
@@ -595,6 +587,20 @@ describe("convert-settings", () => {
|
|
|
595
587
|
color: "#ffffff",
|
|
596
588
|
opacity: 50
|
|
597
589
|
}
|
|
590
|
+
},
|
|
591
|
+
bubble: {
|
|
592
|
+
width: 300,
|
|
593
|
+
placement: {
|
|
594
|
+
position: "leftBottom",
|
|
595
|
+
positionOffsetX: 20,
|
|
596
|
+
positionOffsetY: 20
|
|
597
|
+
}
|
|
598
|
+
},
|
|
599
|
+
avatar: {
|
|
600
|
+
type: "cartoon",
|
|
601
|
+
size: 60,
|
|
602
|
+
url: "",
|
|
603
|
+
name: ""
|
|
598
604
|
}
|
|
599
605
|
};
|
|
600
606
|
describe("mergeThemeDefaultSettings", () => {
|
|
@@ -2,7 +2,7 @@ import {
|
|
|
2
2
|
convertSettings,
|
|
3
3
|
convertToCssVars,
|
|
4
4
|
mergeThemeDefaultSettings
|
|
5
|
-
} from "../chunk-
|
|
5
|
+
} from "../chunk-2TXCWLS6.js";
|
|
6
6
|
import "../chunk-5C3J4DM2.js";
|
|
7
7
|
import "../chunk-FZFHBCB6.js";
|
|
8
8
|
import "../chunk-GFH3VWOC.js";
|
|
@@ -211,6 +211,20 @@ describe("convert-settings", () => {
|
|
|
211
211
|
color: "#ffffff",
|
|
212
212
|
opacity: 50
|
|
213
213
|
}
|
|
214
|
+
},
|
|
215
|
+
bubble: {
|
|
216
|
+
width: 300,
|
|
217
|
+
placement: {
|
|
218
|
+
position: "leftBottom",
|
|
219
|
+
positionOffsetX: 20,
|
|
220
|
+
positionOffsetY: 20
|
|
221
|
+
}
|
|
222
|
+
},
|
|
223
|
+
avatar: {
|
|
224
|
+
type: "cartoon",
|
|
225
|
+
size: 60,
|
|
226
|
+
url: "",
|
|
227
|
+
name: ""
|
|
214
228
|
}
|
|
215
229
|
};
|
|
216
230
|
describe("mergeThemeDefaultSettings", () => {
|
|
@@ -211,23 +211,15 @@ var convertToCssVars = (settings, type = "tooltip") => {
|
|
|
211
211
|
const cssMapping = {
|
|
212
212
|
"--usertour-background": hexToHSLString(settings.mainColor.background),
|
|
213
213
|
"--usertour-foreground": hexToHSLString(settings.mainColor.color),
|
|
214
|
-
"--usertour-brand-active-background-color": hexToHSLString(
|
|
215
|
-
|
|
216
|
-
),
|
|
217
|
-
"--usertour-brand-hover-background-color": hexToHSLString(
|
|
218
|
-
settings.brandColor.autoHover
|
|
219
|
-
),
|
|
214
|
+
"--usertour-brand-active-background-color": hexToHSLString(settings.brandColor.active),
|
|
215
|
+
"--usertour-brand-hover-background-color": hexToHSLString(settings.brandColor.hover),
|
|
220
216
|
"--usertour-font-family": settings.font.fontFamily,
|
|
221
217
|
"--usertour-font-size": `${settings.font.fontSize}px`,
|
|
222
218
|
"--usertour-main-background-color": settings.mainColor.background,
|
|
223
219
|
"--usertour-main-foreground-color": settings.mainColor.color,
|
|
224
|
-
"--usertour-main-hover-background-color": hexToHSLString(
|
|
225
|
-
|
|
226
|
-
),
|
|
227
|
-
"--usertour-main-active-background-color": hexToHSLString(
|
|
228
|
-
settings.mainColor.autoActive
|
|
229
|
-
),
|
|
230
|
-
"--usertour-ring": hexToHSLString(settings.mainColor.autoActive),
|
|
220
|
+
"--usertour-main-hover-background-color": hexToHSLString(settings.mainColor.hover),
|
|
221
|
+
"--usertour-main-active-background-color": hexToHSLString(settings.mainColor.active),
|
|
222
|
+
"--usertour-ring": hexToHSLString(settings.mainColor.active),
|
|
231
223
|
"--usertour-line-height": `${settings.font.lineHeight}px`,
|
|
232
224
|
"--usertour-widget-popper-border-radius": `${settings.border.borderRadius}px`,
|
|
233
225
|
"--usertour-font-weight-normal": settings.font.fontWeightNormal,
|
|
@@ -283,23 +283,15 @@ var convertToCssVars = (settings, type = "tooltip") => {
|
|
|
283
283
|
const cssMapping = {
|
|
284
284
|
"--usertour-background": hexToHSLString(settings.mainColor.background),
|
|
285
285
|
"--usertour-foreground": hexToHSLString(settings.mainColor.color),
|
|
286
|
-
"--usertour-brand-active-background-color": hexToHSLString(
|
|
287
|
-
|
|
288
|
-
),
|
|
289
|
-
"--usertour-brand-hover-background-color": hexToHSLString(
|
|
290
|
-
settings.brandColor.autoHover
|
|
291
|
-
),
|
|
286
|
+
"--usertour-brand-active-background-color": hexToHSLString(settings.brandColor.active),
|
|
287
|
+
"--usertour-brand-hover-background-color": hexToHSLString(settings.brandColor.hover),
|
|
292
288
|
"--usertour-font-family": settings.font.fontFamily,
|
|
293
289
|
"--usertour-font-size": `${settings.font.fontSize}px`,
|
|
294
290
|
"--usertour-main-background-color": settings.mainColor.background,
|
|
295
291
|
"--usertour-main-foreground-color": settings.mainColor.color,
|
|
296
|
-
"--usertour-main-hover-background-color": hexToHSLString(
|
|
297
|
-
|
|
298
|
-
),
|
|
299
|
-
"--usertour-main-active-background-color": hexToHSLString(
|
|
300
|
-
settings.mainColor.autoActive
|
|
301
|
-
),
|
|
302
|
-
"--usertour-ring": hexToHSLString(settings.mainColor.autoActive),
|
|
292
|
+
"--usertour-main-hover-background-color": hexToHSLString(settings.mainColor.hover),
|
|
293
|
+
"--usertour-main-active-background-color": hexToHSLString(settings.mainColor.active),
|
|
294
|
+
"--usertour-ring": hexToHSLString(settings.mainColor.active),
|
|
303
295
|
"--usertour-line-height": `${settings.font.lineHeight}px`,
|
|
304
296
|
"--usertour-widget-popper-border-radius": `${settings.border.borderRadius}px`,
|
|
305
297
|
"--usertour-font-weight-normal": settings.font.fontWeightNormal,
|
package/dist/convert-settings.js
CHANGED
package/dist/index.cjs
CHANGED
|
@@ -585,23 +585,15 @@ var convertToCssVars = (settings, type = "tooltip") => {
|
|
|
585
585
|
const cssMapping = {
|
|
586
586
|
"--usertour-background": hexToHSLString(settings.mainColor.background),
|
|
587
587
|
"--usertour-foreground": hexToHSLString(settings.mainColor.color),
|
|
588
|
-
"--usertour-brand-active-background-color": hexToHSLString(
|
|
589
|
-
|
|
590
|
-
),
|
|
591
|
-
"--usertour-brand-hover-background-color": hexToHSLString(
|
|
592
|
-
settings.brandColor.autoHover
|
|
593
|
-
),
|
|
588
|
+
"--usertour-brand-active-background-color": hexToHSLString(settings.brandColor.active),
|
|
589
|
+
"--usertour-brand-hover-background-color": hexToHSLString(settings.brandColor.hover),
|
|
594
590
|
"--usertour-font-family": settings.font.fontFamily,
|
|
595
591
|
"--usertour-font-size": `${settings.font.fontSize}px`,
|
|
596
592
|
"--usertour-main-background-color": settings.mainColor.background,
|
|
597
593
|
"--usertour-main-foreground-color": settings.mainColor.color,
|
|
598
|
-
"--usertour-main-hover-background-color": hexToHSLString(
|
|
599
|
-
|
|
600
|
-
),
|
|
601
|
-
"--usertour-main-active-background-color": hexToHSLString(
|
|
602
|
-
settings.mainColor.autoActive
|
|
603
|
-
),
|
|
604
|
-
"--usertour-ring": hexToHSLString(settings.mainColor.autoActive),
|
|
594
|
+
"--usertour-main-hover-background-color": hexToHSLString(settings.mainColor.hover),
|
|
595
|
+
"--usertour-main-active-background-color": hexToHSLString(settings.mainColor.active),
|
|
596
|
+
"--usertour-ring": hexToHSLString(settings.mainColor.active),
|
|
605
597
|
"--usertour-line-height": `${settings.font.lineHeight}px`,
|
|
606
598
|
"--usertour-widget-popper-border-radius": `${settings.border.borderRadius}px`,
|
|
607
599
|
"--usertour-font-weight-normal": settings.font.fontWeightNormal,
|
package/dist/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@usertour/helpers",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.65",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Utility functions and helpers shared across the UserTour project",
|
|
6
6
|
"homepage": "https://www.usertour.io",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@paralleldrive/cuid2": "^2.2.2",
|
|
32
|
-
"@usertour/types": "^0.0.
|
|
32
|
+
"@usertour/types": "^0.0.50",
|
|
33
33
|
"chroma-js": "^3.1.2",
|
|
34
34
|
"class-variance-authority": "^0.4.0",
|
|
35
35
|
"date-fns": "^2.30.0",
|