@rankingcoach/vanguard 1.7.0 → 1.9.0

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.
Files changed (104) hide show
  1. package/dist/avatarIcons/listings/user.svg +5 -0
  2. package/dist/icons/Icon-document-active-1.svg +4 -0
  3. package/dist/icons/Icon-document-active.svg +4 -0
  4. package/dist/icons/Icon-list-active-1.svg +3 -0
  5. package/dist/icons/Icon-list-active.svg +3 -0
  6. package/dist/icons/Icon-manage-projects-active-1.svg +5 -0
  7. package/dist/icons/Icon-manage-projects-active.svg +5 -0
  8. package/dist/icons/Icon-rec-1.svg +3 -0
  9. package/dist/icons/Icon-save-active-1.svg +4 -0
  10. package/dist/icons/Icon-save-active.svg +4 -0
  11. package/dist/icons/Icon-sepa-active-1.svg +6 -0
  12. package/dist/icons/Icon-sepa-active.svg +5 -0
  13. package/dist/icons/Icon-user-active-1.svg +4 -0
  14. package/dist/icons/Icon-user-active.svg +4 -0
  15. package/dist/index-Avatar.enum.js +3 -1
  16. package/dist/index-Avatar.js +18 -19
  17. package/dist/index-CardMotion.config.js +159 -0
  18. package/dist/index-CardMotion.constants.js +23 -0
  19. package/dist/index-CardMotion.js +93 -0
  20. package/dist/index-CardMotion.module.scss.js +9 -0
  21. package/dist/index-DateInput.js +4 -4
  22. package/dist/index-Icon-document-active-1.svg.js +4 -0
  23. package/dist/index-Icon-document-active.svg.js +4 -0
  24. package/dist/index-Icon-list-active-1.svg.js +4 -0
  25. package/dist/index-Icon-list-active.svg.js +4 -0
  26. package/dist/index-Icon-manage-projects-active-1.svg.js +4 -0
  27. package/dist/index-Icon-manage-projects-active.svg.js +4 -0
  28. package/dist/index-Icon-rec-1.svg.js +4 -0
  29. package/dist/index-Icon-save-active-1.svg.js +4 -0
  30. package/dist/index-Icon-save-active.svg.js +4 -0
  31. package/dist/index-Icon-sepa-active-1.svg.js +4 -0
  32. package/dist/index-Icon-sepa-active.svg.js +4 -0
  33. package/dist/index-Icon-user-active-1.svg.js +4 -0
  34. package/dist/index-Icon-user-active.svg.js +4 -0
  35. package/dist/index-IconNames.js +1 -1
  36. package/dist/index-InputRangeField.js +1 -1
  37. package/dist/index-MenuItem.js +31 -29
  38. package/dist/index-ModalContext.js +37 -36
  39. package/dist/index-ModalTransition.js +9 -7
  40. package/dist/index-Month.js +2 -2
  41. package/dist/index-TabsCustomScroll.js +16 -16
  42. package/dist/index-TabsCustomScroll.module.scss.js +4 -2
  43. package/dist/index-_virtual69.js +2 -2
  44. package/dist/index-_virtual70.js +2 -4
  45. package/dist/index-_virtual71.js +4 -2
  46. package/dist/index-_virtual72.js +2 -4
  47. package/dist/index-_virtual73.js +1 -1
  48. package/dist/index-_virtual74.js +1 -1
  49. package/dist/index-_virtual75.js +4 -2
  50. package/dist/index-_virtual76.js +2 -2
  51. package/dist/index-accessibility.js +1 -1
  52. package/dist/index-cjs.js +1 -1
  53. package/dist/index-lib5.js +1 -1
  54. package/dist/index-react-spring_animated.modern.js +6 -6
  55. package/dist/index-react-spring_core.modern.js +56 -54
  56. package/dist/index-react-spring_web.modern.js +9 -8
  57. package/dist/index-use-dynamic-import.js +17 -3
  58. package/dist/index-user.svg.js +4 -0
  59. package/dist/index.js +298 -296
  60. package/dist/types/core/Avatar/Avatar.d.ts +1 -6
  61. package/dist/types/core/Avatar/stories/WithIconThenImage.story.d.ts +2 -0
  62. package/dist/types/core/Avatar/stories/WithUserIcon.story.d.ts +2 -0
  63. package/dist/types/core/CardMotion/CardMotion.config.d.ts +855 -0
  64. package/dist/types/core/CardMotion/CardMotion.constants.d.ts +20 -0
  65. package/dist/types/core/CardMotion/CardMotion.d.ts +3 -0
  66. package/dist/types/core/CardMotion/CardMotion.types.d.ts +60 -0
  67. package/dist/types/core/CardMotion/index.d.ts +2 -0
  68. package/dist/types/core/CardMotion/stories/CustomMotion.story.d.ts +2 -0
  69. package/dist/types/core/CardMotion/stories/Default.story.d.ts +2 -0
  70. package/dist/types/core/CardMotion/stories/GlowIn.story.d.ts +2 -0
  71. package/dist/types/core/CardMotion/stories/GlowPreset.story.d.ts +2 -0
  72. package/dist/types/core/CardMotion/stories/Hoverable.story.d.ts +2 -0
  73. package/dist/types/core/CardMotion/stories/StaggeredGlowGroup.story.d.ts +2 -0
  74. package/dist/types/core/CardMotion/stories/VisibilityToggle.story.d.ts +2 -0
  75. package/dist/types/core/CardMotion/stories/_CardMotion.default.d.ts +3 -0
  76. package/dist/types/core/Icon/IconNames.d.ts +6 -0
  77. package/dist/types/core/MenuItem/MenuItem.d.ts +2 -1
  78. package/dist/types/core/Modal/ModalContext.d.ts +1 -0
  79. package/dist/types/core/Modal/stories/StackingPermutations.story.d.ts +71 -0
  80. package/dist/types/core/Modal/stories/TwoModalsOverlapping.story.d.ts +2 -0
  81. package/dist/types/core/Modal/stories/TwoModalsOverlappingDifferentAnimations.story.d.ts +2 -0
  82. package/dist/types/index.d.ts +2 -0
  83. package/dist/vanguard-asset-analysis.json +1 -1
  84. package/dist/vanguard.css +1 -1
  85. package/dist-wordpress/Icon-document-active-1-BNbAelSx.mjs +4 -0
  86. package/dist-wordpress/Icon-document-active-C1Pow12T.mjs +4 -0
  87. package/dist-wordpress/Icon-list-active-1-CMWBBljn.mjs +4 -0
  88. package/dist-wordpress/Icon-list-active-DLyP-KM_.mjs +4 -0
  89. package/dist-wordpress/Icon-manage-projects-active-1-5GrLM5Rt.mjs +4 -0
  90. package/dist-wordpress/Icon-manage-projects-active-jzJITd2J.mjs +4 -0
  91. package/dist-wordpress/Icon-rec-1-BmhIaa9j.mjs +4 -0
  92. package/dist-wordpress/Icon-save-active-1-BXIn4M60.mjs +4 -0
  93. package/dist-wordpress/Icon-save-active-sukwIFSJ.mjs +4 -0
  94. package/dist-wordpress/Icon-sepa-active-1-CQz_LpKA.mjs +4 -0
  95. package/dist-wordpress/Icon-sepa-active-BcmATS7C.mjs +4 -0
  96. package/dist-wordpress/Icon-user-active-1-CB2diJDq.mjs +4 -0
  97. package/dist-wordpress/Icon-user-active-BX075VMi.mjs +4 -0
  98. package/dist-wordpress/index.js +1850 -1829
  99. package/dist-wordpress/types/core/PageSection/GradientPrimaryMeshBackground.d.ts +1 -0
  100. package/dist-wordpress/types/core/PageSection/PageSection.d.ts +43 -0
  101. package/dist-wordpress/types/core/PageSection/index.d.ts +2 -0
  102. package/dist-wordpress/types/index.d.ts +2 -0
  103. package/dist-wordpress/vanguard.css +1 -1
  104. package/package.json +44 -44
@@ -1,41 +1,43 @@
1
- import { jsx as s, jsxs as x } from "react/jsx-runtime";
2
- import { Icon as i } from "./index-Icon.js";
3
- import { Text as d, TextTypes as y } from "./index-Text.js";
1
+ import { jsx as n, jsxs as u } from "react/jsx-runtime";
2
+ import { Icon as y } from "./index-Icon.js";
3
+ import { Text as I, TextTypes as g } from "./index-Text.js";
4
4
  import "react";
5
- import u from "./index-MenuItem2.js";
6
- const T = ({
7
- testId: m,
8
- className: f,
9
- children: t,
10
- textType: p = y.text,
11
- icon: n,
12
- iconProps: a,
13
- iconPosition: e = "before",
14
- ...l
5
+ import v from "./index-MenuItem2.js";
6
+ const M = ({
7
+ testId: f,
8
+ className: a,
9
+ children: e,
10
+ textType: m = g.text,
11
+ icon: t,
12
+ iconProps: d,
13
+ iconPosition: o = "before",
14
+ useActiveIcon: i = !1,
15
+ ...s
15
16
  }) => {
16
- const o = typeof t == "string" ? s(d, {
17
- type: p,
18
- children: t
19
- }) : t, r = n ? s(i, {
20
- ...a,
21
- children: n
22
- }) : null, c = r ? x("div", {
17
+ const c = typeof e == "string" ? n(I, {
18
+ type: m,
19
+ children: e
20
+ }) : e, p = s.selected, l = t && i ? `${t}-active` : t, r = l ? n(y, {
21
+ color: p ? "var(--fn-fg-cta)" : void 0,
22
+ ...d,
23
+ children: l
24
+ }) : null, x = r ? u("div", {
23
25
  style: {
24
26
  display: "flex",
25
27
  alignItems: "center",
26
28
  width: "100%",
27
29
  gap: 8,
28
- justifyContent: e === "after" ? "space-between" : "flex-start"
30
+ justifyContent: o === "after" ? "space-between" : "flex-start"
29
31
  },
30
- children: [e === "before" && r, o, e === "after" && r]
31
- }) : o;
32
- return s(u, {
33
- "data-testid": m,
34
- className: f,
35
- ...l,
36
- children: c
32
+ children: [o === "before" && r, c, o === "after" && r]
33
+ }) : c;
34
+ return n(v, {
35
+ "data-testid": f,
36
+ className: a,
37
+ ...s,
38
+ children: x
37
39
  });
38
40
  };
39
41
  export {
40
- T as MenuItem
42
+ M as MenuItem
41
43
  };
@@ -1,57 +1,58 @@
1
- import { jsx as g } from "react/jsx-runtime";
2
- import { useRef as b, useState as C, useCallback as d, createContext as k, useContext as v } from "react";
3
- const M = k(void 0), m = () => {
4
- const r = v(M);
5
- if (!r)
1
+ import { jsx as k } from "react/jsx-runtime";
2
+ import { useRef as l, useState as v, useCallback as d, createContext as S, useContext as P } from "react";
3
+ const p = S(void 0), j = () => {
4
+ const s = P(p);
5
+ if (!s)
6
6
  throw new Error("useModalContext must be used within a ModalProvider");
7
- return r;
8
- }, P = ({
9
- children: r
7
+ return s;
8
+ }, A = ({
9
+ children: s
10
10
  }) => {
11
- const n = b(/* @__PURE__ */ new Map()), [u, l] = C({
11
+ const c = l(/* @__PURE__ */ new Map()), n = l(/* @__PURE__ */ new Map()), i = l(0), [f, u] = v({
12
12
  growModals: [],
13
13
  slideModals: [],
14
14
  popModals: []
15
- }), w = d((o) => n.current.get(o), []), p = d((o, t, e) => {
16
- n.current.set(o, e), l((x) => {
17
- const s = {
18
- ...x
19
- }, a = (i, c) => {
20
- i.indexOf(c) >= 0 || i.push(c);
15
+ }), g = d((e) => c.current.get(e), []), h = d((e) => n.current.get(e) ?? 0, []), x = d((e, o, t) => {
16
+ c.current.set(e, t), n.current.has(e) || (i.current += 1, n.current.set(e, i.current)), u((R) => {
17
+ const r = {
18
+ ...R
19
+ }, a = (M, w) => {
20
+ M.indexOf(w) >= 0 || M.push(w);
21
21
  };
22
- switch (t) {
22
+ switch (o) {
23
23
  case "grow":
24
- a(s.growModals, o);
24
+ a(r.growModals, e);
25
25
  break;
26
26
  case "slide":
27
- a(s.slideModals, o);
27
+ a(r.slideModals, e);
28
28
  break;
29
29
  case "pop":
30
- a(s.popModals, o);
30
+ a(r.popModals, e);
31
31
  break;
32
32
  default:
33
- a(s.growModals, o);
33
+ a(r.growModals, e);
34
34
  }
35
- return s;
35
+ return r;
36
36
  });
37
- }, []), f = d((o) => {
38
- n.current.delete(o), l((t) => ({
39
- growModals: t.growModals.filter((e) => e !== o),
40
- slideModals: t.slideModals.filter((e) => e !== o),
41
- popModals: t.popModals.filter((e) => e !== o)
37
+ }, []), C = d((e) => {
38
+ c.current.delete(e), n.current.delete(e), u((o) => ({
39
+ growModals: o.growModals.filter((t) => t !== e),
40
+ slideModals: o.slideModals.filter((t) => t !== e),
41
+ popModals: o.popModals.filter((t) => t !== e)
42
42
  }));
43
- }, []), h = {
44
- getModal: w,
45
- modalRootState: u,
46
- addModal: p,
47
- removeModal: f
43
+ }, []), b = {
44
+ getModal: g,
45
+ modalRootState: f,
46
+ addModal: x,
47
+ removeModal: C,
48
+ getModalOrder: h
48
49
  };
49
- return g(M.Provider, {
50
- value: h,
51
- children: r
50
+ return k(p.Provider, {
51
+ value: b,
52
+ children: s
52
53
  });
53
54
  };
54
55
  export {
55
- P as ModalProvider,
56
- m as useModalContext
56
+ A as ModalProvider,
57
+ j as useModalContext
57
58
  };
@@ -1,15 +1,16 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
2
  import "react";
3
3
  import { a as m } from "./index-react-spring_web.modern.js";
4
- import { useModalContext as f } from "./index-ModalContext.js";
4
+ import { useModalContext as y } from "./index-ModalContext.js";
5
5
  import { useTransition as n } from "./index-react-spring_core.modern.js";
6
- const b = (c) => {
6
+ const O = (c) => {
7
7
  const {
8
8
  modalsList: r,
9
9
  animation: d
10
10
  } = c, {
11
- getModal: p
12
- } = f();
11
+ getModal: p,
12
+ getModalOrder: f
13
+ } = y();
13
14
  let a, t;
14
15
  switch (d) {
15
16
  case "slide":
@@ -110,10 +111,11 @@ const b = (c) => {
110
111
  });
111
112
  }
112
113
  return a((o, e) => {
113
- const i = p(e);
114
+ const i = p(e), l = f(e);
114
115
  return e && i && s(m.div, {
115
116
  style: {
116
- opacity: o.bgOpacity
117
+ opacity: o.bgOpacity,
118
+ zIndex: 1100 + l
117
119
  },
118
120
  className: "modalRoot",
119
121
  children: s(m.div, {
@@ -128,5 +130,5 @@ const b = (c) => {
128
130
  });
129
131
  };
130
132
  export {
131
- b as ModalTransition
133
+ O as ModalTransition
132
134
  };
@@ -1,10 +1,10 @@
1
- import { __exports as y } from "./index-_virtual69.js";
1
+ import { __exports as y } from "./index-_virtual70.js";
2
2
  import de from "react";
3
3
  import { __require as me } from "./index-prop-types.js";
4
4
  import { __require as he } from "./index-DayCell.js";
5
5
  import ye from "./index-_virtual54.js";
6
6
  import ve from "./index-_virtual37.js";
7
- import Oe from "./index-_virtual70.js";
7
+ import Oe from "./index-_virtual71.js";
8
8
  import _e from "./index-_virtual68.js";
9
9
  import De from "./index-_virtual51.js";
10
10
  import ge from "./index-_virtual41.js";
@@ -1,22 +1,22 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import { classNames as c } from "./index-classNames.js";
3
- import { Icon as m, IconSize as n } from "./index-Icon.js";
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import { classNames as m } from "./index-classNames.js";
3
+ import { Icon as l, IconSize as n } from "./index-Icon.js";
4
4
  import { IconNames as a } from "./index-IconNames.js";
5
5
  import "react";
6
- import r from "./index-TabsCustomScroll.module.scss.js";
7
- const C = (o) => {
6
+ import o from "./index-TabsCustomScroll.module.scss.js";
7
+ const C = (e) => {
8
8
  const {
9
- direction: e,
10
- onClick: i,
11
- disabled: l,
12
- testId: s
13
- } = o;
14
- return l ? null : t("div", {
15
- onClick: i,
16
- className: c(r.customScrollButtonWrapper, e === "right" ? r.right : r.left),
17
- "data-testid": s,
18
- children: t(m, {
19
- color: "var(--n700)",
9
+ direction: i,
10
+ onClick: s,
11
+ disabled: t,
12
+ testId: c
13
+ } = e;
14
+ return r("div", {
15
+ onClick: t ? void 0 : s,
16
+ className: m(o.customScrollButtonWrapper, i === "right" ? o.right : o.left, t && o.hidden),
17
+ "data-testid": c,
18
+ children: r(l, {
19
+ color: "var(--n400)",
20
20
  type: n.small,
21
21
  children: a.caretLeft
22
22
  })
@@ -1,11 +1,13 @@
1
- const t = "custom-scroll-button-wrapper_Ib", o = "right_IN", r = "left_Je", l = {
1
+ const t = "custom-scroll-button-wrapper_Ib", o = "right_IN", e = "hidden_Np", r = "left_Je", s = {
2
2
  customScrollButtonWrapper: t,
3
3
  right: o,
4
+ hidden: e,
4
5
  left: r
5
6
  };
6
7
  export {
7
8
  t as customScrollButtonWrapper,
8
- l as default,
9
+ s as default,
10
+ e as hidden,
9
11
  r as left,
10
12
  o as right
11
13
  };
@@ -1,4 +1,4 @@
1
- var o = {};
1
+ var e = {};
2
2
  export {
3
- o as __exports
3
+ e as __exports
4
4
  };
@@ -1,6 +1,4 @@
1
- import { getAugmentedNamespace as e } from "./index-_commonjsHelpers.js";
2
- import * as r from "./index-isWeekend.js";
3
- const m = /* @__PURE__ */ e(r);
1
+ var o = {};
4
2
  export {
5
- m as default
3
+ o as __exports
6
4
  };
@@ -1,4 +1,6 @@
1
- var t = {};
1
+ import { getAugmentedNamespace as e } from "./index-_commonjsHelpers.js";
2
+ import * as r from "./index-isWeekend.js";
3
+ const m = /* @__PURE__ */ e(r);
2
4
  export {
3
- t as __exports
5
+ m as default
4
6
  };
@@ -1,6 +1,4 @@
1
- import { getAugmentedNamespace as e } from "./index-_commonjsHelpers.js";
2
- import * as r from "./index-isEqual.js";
3
- const m = /* @__PURE__ */ e(r);
1
+ var t = {};
4
2
  export {
5
- m as default
3
+ t as __exports
6
4
  };
@@ -1,5 +1,5 @@
1
1
  import { getAugmentedNamespace as e } from "./index-_commonjsHelpers.js";
2
- import * as r from "./index-isValid2.js";
2
+ import * as r from "./index-isEqual.js";
3
3
  const m = /* @__PURE__ */ e(r);
4
4
  export {
5
5
  m as default
@@ -1,5 +1,5 @@
1
1
  import { getAugmentedNamespace as e } from "./index-_commonjsHelpers.js";
2
- import * as r from "./index-parse3.js";
2
+ import * as r from "./index-isValid2.js";
3
3
  const m = /* @__PURE__ */ e(r);
4
4
  export {
5
5
  m as default
@@ -1,4 +1,6 @@
1
- var s = {};
1
+ import { getAugmentedNamespace as e } from "./index-_commonjsHelpers.js";
2
+ import * as r from "./index-parse3.js";
3
+ const m = /* @__PURE__ */ e(r);
2
4
  export {
3
- s as __exports
5
+ m as default
4
6
  };
@@ -1,4 +1,4 @@
1
- var e = {};
1
+ var s = {};
2
2
  export {
3
- e as __exports
3
+ s as __exports
4
4
  };
@@ -1,4 +1,4 @@
1
- import { __exports as t } from "./index-_virtual75.js";
1
+ import { __exports as t } from "./index-_virtual76.js";
2
2
  import { __require as s } from "./index-prop-types.js";
3
3
  var a;
4
4
  function f() {
package/dist/index-cjs.js CHANGED
@@ -1,4 +1,4 @@
1
- import { __exports as e } from "./index-_virtual66.js";
1
+ import { __exports as e } from "./index-_virtual65.js";
2
2
  import { __require as c } from "./index-style-to-object.js";
3
3
  import { __require as q } from "./index-utilities4.js";
4
4
  var o;
@@ -1,4 +1,4 @@
1
- import { __exports as r } from "./index-_virtual65.js";
1
+ import { __exports as r } from "./index-_virtual66.js";
2
2
  import { __require as a } from "./index-dom.js";
3
3
  import { __require as o } from "./index-dom-parser.js";
4
4
  var i;
@@ -1,8 +1,8 @@
1
- import { eachProp as m, is as i, hasFluidValue as v, getFluidValue as $, each as o, useForceUpdate as j, useIsomorphicLayoutEffect as B, addFluidObserver as D, removeFluidObserver as P, useOnce as K, defineHidden as L, createInterpolator as b, isAnimatedString as N } from "./index-react-spring_shared.modern.js";
1
+ import { eachProp as m, defineHidden as $, is as i, hasFluidValue as v, getFluidValue as j, each as o, isAnimatedString as N, useForceUpdate as B, useIsomorphicLayoutEffect as D, addFluidObserver as K, removeFluidObserver as P, useOnce as L, createInterpolator as b } from "./index-react-spring_shared.modern.js";
2
2
  import * as M from "react";
3
3
  import { forwardRef as q, useRef as S, useCallback as z, useEffect as G } from "react";
4
4
  import { raf as O } from "./index-react-spring_rafz.modern.js";
5
- var h = Symbol.for("Animated:node"), J = (e) => !!e && e[h] === e, Q = (e) => e && e[h], W = (e, t) => L(e, h, t), X = (e) => e && e[h] && e[h].getPayload(), R = class {
5
+ var h = Symbol.for("Animated:node"), J = (e) => !!e && e[h] === e, Q = (e) => e && e[h], W = (e, t) => $(e, h, t), X = (e) => e && e[h] && e[h].getPayload(), R = class {
6
6
  constructor() {
7
7
  W(this, this);
8
8
  }
@@ -68,7 +68,7 @@ var h = Symbol.for("Animated:node"), J = (e) => !!e && e[h] === e, Q = (e) => e
68
68
  getValue(e) {
69
69
  const t = {};
70
70
  return m(this.source, (s, u) => {
71
- J(s) ? t[u] = s.getValue(e) : v(s) ? t[u] = $(s) : e || (t[u] = s);
71
+ J(s) ? t[u] = s.getValue(e) : v(s) ? t[u] = j(s) : e || (t[u] = s);
72
72
  }), t;
73
73
  }
74
74
  /** Replace the raw object data */
@@ -127,18 +127,18 @@ var w = (e, t) => {
127
127
  d.current = te(n, a);
128
128
  },
129
129
  [n]
130
- ), [l, g] = ee(u, t), k = j(), A = () => {
130
+ ), [l, g] = ee(u, t), k = B(), A = () => {
131
131
  const a = d.current;
132
132
  if (s && !a)
133
133
  return;
134
134
  (a ? t.applyAnimatedValues(a, l.getValue(!0)) : !1) === !1 && k();
135
135
  }, _ = new C(A, g), c = S(void 0);
136
- B(() => (c.current = _, o(g, (a) => D(a, _)), () => {
136
+ D(() => (c.current = _, o(g, (a) => K(a, _)), () => {
137
137
  c.current && (o(
138
138
  c.current.deps,
139
139
  (a) => P(a, c.current)
140
140
  ), O.cancel(c.current.update));
141
- })), G(A, []), K(() => () => {
141
+ })), G(A, []), L(() => () => {
142
142
  const a = c.current;
143
143
  o(a.deps, (V) => P(V, a));
144
144
  });