@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.
- package/dist/avatarIcons/listings/user.svg +5 -0
- package/dist/icons/Icon-document-active-1.svg +4 -0
- package/dist/icons/Icon-document-active.svg +4 -0
- package/dist/icons/Icon-list-active-1.svg +3 -0
- package/dist/icons/Icon-list-active.svg +3 -0
- package/dist/icons/Icon-manage-projects-active-1.svg +5 -0
- package/dist/icons/Icon-manage-projects-active.svg +5 -0
- package/dist/icons/Icon-rec-1.svg +3 -0
- package/dist/icons/Icon-save-active-1.svg +4 -0
- package/dist/icons/Icon-save-active.svg +4 -0
- package/dist/icons/Icon-sepa-active-1.svg +6 -0
- package/dist/icons/Icon-sepa-active.svg +5 -0
- package/dist/icons/Icon-user-active-1.svg +4 -0
- package/dist/icons/Icon-user-active.svg +4 -0
- package/dist/index-Avatar.enum.js +3 -1
- package/dist/index-Avatar.js +18 -19
- package/dist/index-CardMotion.config.js +159 -0
- package/dist/index-CardMotion.constants.js +23 -0
- package/dist/index-CardMotion.js +93 -0
- package/dist/index-CardMotion.module.scss.js +9 -0
- package/dist/index-DateInput.js +4 -4
- package/dist/index-Icon-document-active-1.svg.js +4 -0
- package/dist/index-Icon-document-active.svg.js +4 -0
- package/dist/index-Icon-list-active-1.svg.js +4 -0
- package/dist/index-Icon-list-active.svg.js +4 -0
- package/dist/index-Icon-manage-projects-active-1.svg.js +4 -0
- package/dist/index-Icon-manage-projects-active.svg.js +4 -0
- package/dist/index-Icon-rec-1.svg.js +4 -0
- package/dist/index-Icon-save-active-1.svg.js +4 -0
- package/dist/index-Icon-save-active.svg.js +4 -0
- package/dist/index-Icon-sepa-active-1.svg.js +4 -0
- package/dist/index-Icon-sepa-active.svg.js +4 -0
- package/dist/index-Icon-user-active-1.svg.js +4 -0
- package/dist/index-Icon-user-active.svg.js +4 -0
- package/dist/index-IconNames.js +1 -1
- package/dist/index-InputRangeField.js +1 -1
- package/dist/index-MenuItem.js +31 -29
- package/dist/index-ModalContext.js +37 -36
- package/dist/index-ModalTransition.js +9 -7
- package/dist/index-Month.js +2 -2
- package/dist/index-TabsCustomScroll.js +16 -16
- package/dist/index-TabsCustomScroll.module.scss.js +4 -2
- package/dist/index-_virtual69.js +2 -2
- package/dist/index-_virtual70.js +2 -4
- package/dist/index-_virtual71.js +4 -2
- package/dist/index-_virtual72.js +2 -4
- package/dist/index-_virtual73.js +1 -1
- package/dist/index-_virtual74.js +1 -1
- package/dist/index-_virtual75.js +4 -2
- package/dist/index-_virtual76.js +2 -2
- package/dist/index-accessibility.js +1 -1
- package/dist/index-cjs.js +1 -1
- package/dist/index-lib5.js +1 -1
- package/dist/index-react-spring_animated.modern.js +6 -6
- package/dist/index-react-spring_core.modern.js +56 -54
- package/dist/index-react-spring_web.modern.js +9 -8
- package/dist/index-use-dynamic-import.js +17 -3
- package/dist/index-user.svg.js +4 -0
- package/dist/index.js +298 -296
- package/dist/types/core/Avatar/Avatar.d.ts +1 -6
- package/dist/types/core/Avatar/stories/WithIconThenImage.story.d.ts +2 -0
- package/dist/types/core/Avatar/stories/WithUserIcon.story.d.ts +2 -0
- package/dist/types/core/CardMotion/CardMotion.config.d.ts +855 -0
- package/dist/types/core/CardMotion/CardMotion.constants.d.ts +20 -0
- package/dist/types/core/CardMotion/CardMotion.d.ts +3 -0
- package/dist/types/core/CardMotion/CardMotion.types.d.ts +60 -0
- package/dist/types/core/CardMotion/index.d.ts +2 -0
- package/dist/types/core/CardMotion/stories/CustomMotion.story.d.ts +2 -0
- package/dist/types/core/CardMotion/stories/Default.story.d.ts +2 -0
- package/dist/types/core/CardMotion/stories/GlowIn.story.d.ts +2 -0
- package/dist/types/core/CardMotion/stories/GlowPreset.story.d.ts +2 -0
- package/dist/types/core/CardMotion/stories/Hoverable.story.d.ts +2 -0
- package/dist/types/core/CardMotion/stories/StaggeredGlowGroup.story.d.ts +2 -0
- package/dist/types/core/CardMotion/stories/VisibilityToggle.story.d.ts +2 -0
- package/dist/types/core/CardMotion/stories/_CardMotion.default.d.ts +3 -0
- package/dist/types/core/Icon/IconNames.d.ts +6 -0
- package/dist/types/core/MenuItem/MenuItem.d.ts +2 -1
- package/dist/types/core/Modal/ModalContext.d.ts +1 -0
- package/dist/types/core/Modal/stories/StackingPermutations.story.d.ts +71 -0
- package/dist/types/core/Modal/stories/TwoModalsOverlapping.story.d.ts +2 -0
- package/dist/types/core/Modal/stories/TwoModalsOverlappingDifferentAnimations.story.d.ts +2 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/vanguard-asset-analysis.json +1 -1
- package/dist/vanguard.css +1 -1
- package/dist-wordpress/Icon-document-active-1-BNbAelSx.mjs +4 -0
- package/dist-wordpress/Icon-document-active-C1Pow12T.mjs +4 -0
- package/dist-wordpress/Icon-list-active-1-CMWBBljn.mjs +4 -0
- package/dist-wordpress/Icon-list-active-DLyP-KM_.mjs +4 -0
- package/dist-wordpress/Icon-manage-projects-active-1-5GrLM5Rt.mjs +4 -0
- package/dist-wordpress/Icon-manage-projects-active-jzJITd2J.mjs +4 -0
- package/dist-wordpress/Icon-rec-1-BmhIaa9j.mjs +4 -0
- package/dist-wordpress/Icon-save-active-1-BXIn4M60.mjs +4 -0
- package/dist-wordpress/Icon-save-active-sukwIFSJ.mjs +4 -0
- package/dist-wordpress/Icon-sepa-active-1-CQz_LpKA.mjs +4 -0
- package/dist-wordpress/Icon-sepa-active-BcmATS7C.mjs +4 -0
- package/dist-wordpress/Icon-user-active-1-CB2diJDq.mjs +4 -0
- package/dist-wordpress/Icon-user-active-BX075VMi.mjs +4 -0
- package/dist-wordpress/index.js +1850 -1829
- package/dist-wordpress/types/core/PageSection/GradientPrimaryMeshBackground.d.ts +1 -0
- package/dist-wordpress/types/core/PageSection/PageSection.d.ts +43 -0
- package/dist-wordpress/types/core/PageSection/index.d.ts +2 -0
- package/dist-wordpress/types/index.d.ts +2 -0
- package/dist-wordpress/vanguard.css +1 -1
- package/package.json +44 -44
package/dist/index-MenuItem.js
CHANGED
|
@@ -1,41 +1,43 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Icon as
|
|
3
|
-
import { Text as
|
|
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
|
|
6
|
-
const
|
|
7
|
-
testId:
|
|
8
|
-
className:
|
|
9
|
-
children:
|
|
10
|
-
textType:
|
|
11
|
-
icon:
|
|
12
|
-
iconProps:
|
|
13
|
-
iconPosition:
|
|
14
|
-
|
|
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
|
|
17
|
-
type:
|
|
18
|
-
children:
|
|
19
|
-
}) : t, r =
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
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:
|
|
30
|
+
justifyContent: o === "after" ? "space-between" : "flex-start"
|
|
29
31
|
},
|
|
30
|
-
children: [
|
|
31
|
-
}) :
|
|
32
|
-
return
|
|
33
|
-
"data-testid":
|
|
34
|
-
className:
|
|
35
|
-
...
|
|
36
|
-
children:
|
|
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
|
-
|
|
42
|
+
M as MenuItem
|
|
41
43
|
};
|
|
@@ -1,57 +1,58 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useRef as
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
if (!
|
|
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
|
|
8
|
-
},
|
|
9
|
-
children:
|
|
7
|
+
return s;
|
|
8
|
+
}, A = ({
|
|
9
|
+
children: s
|
|
10
10
|
}) => {
|
|
11
|
-
const n =
|
|
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
|
-
}),
|
|
16
|
-
|
|
17
|
-
const
|
|
18
|
-
...
|
|
19
|
-
}, a = (
|
|
20
|
-
|
|
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 (
|
|
22
|
+
switch (o) {
|
|
23
23
|
case "grow":
|
|
24
|
-
a(
|
|
24
|
+
a(r.growModals, e);
|
|
25
25
|
break;
|
|
26
26
|
case "slide":
|
|
27
|
-
a(
|
|
27
|
+
a(r.slideModals, e);
|
|
28
28
|
break;
|
|
29
29
|
case "pop":
|
|
30
|
-
a(
|
|
30
|
+
a(r.popModals, e);
|
|
31
31
|
break;
|
|
32
32
|
default:
|
|
33
|
-
a(
|
|
33
|
+
a(r.growModals, e);
|
|
34
34
|
}
|
|
35
|
-
return
|
|
35
|
+
return r;
|
|
36
36
|
});
|
|
37
|
-
}, []),
|
|
38
|
-
n.current.delete(
|
|
39
|
-
growModals:
|
|
40
|
-
slideModals:
|
|
41
|
-
popModals:
|
|
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
|
-
}, []),
|
|
44
|
-
getModal:
|
|
45
|
-
modalRootState:
|
|
46
|
-
addModal:
|
|
47
|
-
removeModal:
|
|
43
|
+
}, []), b = {
|
|
44
|
+
getModal: g,
|
|
45
|
+
modalRootState: f,
|
|
46
|
+
addModal: x,
|
|
47
|
+
removeModal: C,
|
|
48
|
+
getModalOrder: h
|
|
48
49
|
};
|
|
49
|
-
return
|
|
50
|
-
value:
|
|
51
|
-
children:
|
|
50
|
+
return k(p.Provider, {
|
|
51
|
+
value: b,
|
|
52
|
+
children: s
|
|
52
53
|
});
|
|
53
54
|
};
|
|
54
55
|
export {
|
|
55
|
-
|
|
56
|
-
|
|
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
|
|
4
|
+
import { useModalContext as y } from "./index-ModalContext.js";
|
|
5
5
|
import { useTransition as n } from "./index-react-spring_core.modern.js";
|
|
6
|
-
const
|
|
6
|
+
const O = (c) => {
|
|
7
7
|
const {
|
|
8
8
|
modalsList: r,
|
|
9
9
|
animation: d
|
|
10
10
|
} = c, {
|
|
11
|
-
getModal: p
|
|
12
|
-
|
|
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
|
-
|
|
133
|
+
O as ModalTransition
|
|
132
134
|
};
|
package/dist/index-Month.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { __exports as y } from "./index-
|
|
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-
|
|
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
|
|
2
|
-
import { classNames as
|
|
3
|
-
import { Icon as
|
|
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
|
|
7
|
-
const C = (
|
|
6
|
+
import o from "./index-TabsCustomScroll.module.scss.js";
|
|
7
|
+
const C = (e) => {
|
|
8
8
|
const {
|
|
9
|
-
direction:
|
|
10
|
-
onClick:
|
|
11
|
-
disabled:
|
|
12
|
-
testId:
|
|
13
|
-
} =
|
|
14
|
-
return
|
|
15
|
-
onClick:
|
|
16
|
-
className:
|
|
17
|
-
"data-testid":
|
|
18
|
-
children:
|
|
19
|
-
color: "var(--
|
|
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",
|
|
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
|
-
|
|
9
|
+
s as default,
|
|
10
|
+
e as hidden,
|
|
9
11
|
r as left,
|
|
10
12
|
o as right
|
|
11
13
|
};
|
package/dist/index-_virtual69.js
CHANGED
package/dist/index-_virtual70.js
CHANGED
package/dist/index-_virtual71.js
CHANGED
package/dist/index-_virtual72.js
CHANGED
package/dist/index-_virtual73.js
CHANGED
package/dist/index-_virtual74.js
CHANGED
package/dist/index-_virtual75.js
CHANGED
package/dist/index-_virtual76.js
CHANGED
package/dist/index-cjs.js
CHANGED
package/dist/index-lib5.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { eachProp as m, is as i, hasFluidValue as v, getFluidValue as
|
|
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) =>
|
|
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] =
|
|
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 =
|
|
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
|
-
|
|
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, []),
|
|
141
|
+
})), G(A, []), L(() => () => {
|
|
142
142
|
const a = c.current;
|
|
143
143
|
o(a.deps, (V) => P(V, a));
|
|
144
144
|
});
|