@usertour/helpers 0.0.62 → 0.0.64

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.
@@ -274,22 +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
- settings.brandColor.autoActive
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
- settings.mainColor.autoHover
289
- ),
290
- "--usertour-main-active-background-color": hexToHSLString(
291
- settings.mainColor.autoActive
292
- ),
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),
293
286
  "--usertour-line-height": `${settings.font.lineHeight}px`,
294
287
  "--usertour-widget-popper-border-radius": `${settings.border.borderRadius}px`,
295
288
  "--usertour-font-weight-normal": settings.font.fontWeightNormal,
@@ -2,7 +2,7 @@ import {
2
2
  convertSettings,
3
3
  convertToCssVars,
4
4
  mergeThemeDefaultSettings
5
- } from "../chunk-H5PTH5RA.js";
5
+ } from "../chunk-2TXCWLS6.js";
6
6
  import "../chunk-5C3J4DM2.js";
7
7
  import "../chunk-FZFHBCB6.js";
8
8
  import "../chunk-GFH3VWOC.js";
@@ -211,22 +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
- settings.brandColor.autoActive
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
- settings.mainColor.autoHover
226
- ),
227
- "--usertour-main-active-background-color": hexToHSLString(
228
- settings.mainColor.autoActive
229
- ),
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),
230
223
  "--usertour-line-height": `${settings.font.lineHeight}px`,
231
224
  "--usertour-widget-popper-border-radius": `${settings.border.borderRadius}px`,
232
225
  "--usertour-font-weight-normal": settings.font.fontWeightNormal,
@@ -283,22 +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
- settings.brandColor.autoActive
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
- settings.mainColor.autoHover
298
- ),
299
- "--usertour-main-active-background-color": hexToHSLString(
300
- settings.mainColor.autoActive
301
- ),
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),
302
295
  "--usertour-line-height": `${settings.font.lineHeight}px`,
303
296
  "--usertour-widget-popper-border-radius": `${settings.border.borderRadius}px`,
304
297
  "--usertour-font-weight-normal": settings.font.fontWeightNormal,
@@ -2,7 +2,7 @@ import {
2
2
  convertSettings,
3
3
  convertToCssVars,
4
4
  mergeThemeDefaultSettings
5
- } from "./chunk-H5PTH5RA.js";
5
+ } from "./chunk-2TXCWLS6.js";
6
6
  import "./chunk-5C3J4DM2.js";
7
7
  import "./chunk-FZFHBCB6.js";
8
8
  import "./chunk-GFH3VWOC.js";
package/dist/index.cjs CHANGED
@@ -585,22 +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
- settings.brandColor.autoActive
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
- settings.mainColor.autoHover
600
- ),
601
- "--usertour-main-active-background-color": hexToHSLString(
602
- settings.mainColor.autoActive
603
- ),
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),
604
597
  "--usertour-line-height": `${settings.font.lineHeight}px`,
605
598
  "--usertour-widget-popper-border-radius": `${settings.border.borderRadius}px`,
606
599
  "--usertour-font-weight-normal": settings.font.fontWeightNormal,
package/dist/index.js CHANGED
@@ -75,7 +75,7 @@ import {
75
75
  convertSettings,
76
76
  convertToCssVars,
77
77
  mergeThemeDefaultSettings
78
- } from "./chunk-H5PTH5RA.js";
78
+ } from "./chunk-2TXCWLS6.js";
79
79
  import {
80
80
  deepClone,
81
81
  parseUrlParams,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@usertour/helpers",
3
- "version": "0.0.62",
3
+ "version": "0.0.64",
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.46",
32
+ "@usertour/types": "^0.0.48",
33
33
  "chroma-js": "^3.1.2",
34
34
  "class-variance-authority": "^0.4.0",
35
35
  "date-fns": "^2.30.0",