@gardenfi/garden-book 0.1.76 → 0.1.77
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/components/molecules/GradientScroll/GradientScroll.d.ts +11 -0
- package/dist/components/molecules/GradientScroll/GradientScroll.stories.d.ts +19 -0
- package/dist/components/molecules/index.d.ts +2 -1
- package/dist/style.css +1 -1
- package/dist/ui.cjs.js +2 -2
- package/dist/ui.es.js +71 -15
- package/dist/ui.umd.js +5 -5
- package/package.json +1 -1
package/dist/ui.es.js
CHANGED
|
@@ -4297,8 +4297,8 @@ var lottie$1 = { exports: {} };
|
|
|
4297
4297
|
var Y = this.props;
|
|
4298
4298
|
if (P === 1 && M === 0 && R === 0 && I === 0 && G === 0 && U === 1 && K === 0 && J === 0 && re === 0 && le === 0 && fe === 1 && pe === 0)
|
|
4299
4299
|
return Y[12] = Y[12] * P + Y[15] * ue, Y[13] = Y[13] * U + Y[15] * ne, Y[14] = Y[14] * fe + Y[15] * oe, Y[15] *= te, this._identityCalculated = !1, this;
|
|
4300
|
-
var Te = Y[0], Ee = Y[1], Pe = Y[2], ye = Y[3], be = Y[4],
|
|
4301
|
-
return Y[0] = Te * P + Ee * G + Pe * re + ye * ue, Y[1] = Te * M + Ee * U + Pe * le + ye * ne, Y[2] = Te * R + Ee * K + Pe * fe + ye * oe, Y[3] = Te * I + Ee * J + Pe * pe + ye * te, Y[4] = be * P +
|
|
4300
|
+
var Te = Y[0], Ee = Y[1], Pe = Y[2], ye = Y[3], be = Y[4], we = Y[5], me = Y[6], Ce = Y[7], Le = Y[8], xe = Y[9], Me = Y[10], Se = Y[11], Ae = Y[12], _e = Y[13], Ve = Y[14], ke = Y[15];
|
|
4301
|
+
return Y[0] = Te * P + Ee * G + Pe * re + ye * ue, Y[1] = Te * M + Ee * U + Pe * le + ye * ne, Y[2] = Te * R + Ee * K + Pe * fe + ye * oe, Y[3] = Te * I + Ee * J + Pe * pe + ye * te, Y[4] = be * P + we * G + me * re + Ce * ue, Y[5] = be * M + we * U + me * le + Ce * ne, Y[6] = be * R + we * K + me * fe + Ce * oe, Y[7] = be * I + we * J + me * pe + Ce * te, Y[8] = Le * P + xe * G + Me * re + Se * ue, Y[9] = Le * M + xe * U + Me * le + Se * ne, Y[10] = Le * R + xe * K + Me * fe + Se * oe, Y[11] = Le * I + xe * J + Me * pe + Se * te, Y[12] = Ae * P + _e * G + Ve * re + ke * ue, Y[13] = Ae * M + _e * U + Ve * le + ke * ne, Y[14] = Ae * R + _e * K + Ve * fe + ke * oe, Y[15] = Ae * I + _e * J + Ve * pe + ke * te, this._identityCalculated = !1, this;
|
|
4302
4302
|
}
|
|
4303
4303
|
function A(P) {
|
|
4304
4304
|
var M = P.props;
|
|
@@ -6792,7 +6792,7 @@ var lottie$1 = { exports: {} };
|
|
|
6792
6792
|
m = p.length, l = 0, f = 0;
|
|
6793
6793
|
var q = e.finalSize * 1.2 * 0.714, N = !0, L, k, P, M, R;
|
|
6794
6794
|
M = n.length;
|
|
6795
|
-
var I, G = -1, U, K, J, re = x, le = d, fe = C, pe = -1, ue, ne, oe, te, Y, Te, Ee, Pe, ye = "", be = this.defaultPropsArray,
|
|
6795
|
+
var I, G = -1, U, K, J, re = x, le = d, fe = C, pe = -1, ue, ne, oe, te, Y, Te, Ee, Pe, ye = "", be = this.defaultPropsArray, we;
|
|
6796
6796
|
if (e.j === 2 || e.j === 1) {
|
|
6797
6797
|
var me = 0, Ce = 0, Le = e.j === 2 ? -0.5 : -1, xe = 0, Me = !0;
|
|
6798
6798
|
for (u = 0; u < m; u += 1)
|
|
@@ -6810,7 +6810,7 @@ var lottie$1 = { exports: {} };
|
|
|
6810
6810
|
}
|
|
6811
6811
|
for (u = 0; u < m; u += 1) {
|
|
6812
6812
|
if (a.reset(), ue = 1, p[u].n)
|
|
6813
|
-
l = 0, f += e.yOffset, f += N ? 1 : 0, x = re, N = !1, this._hasMaskedPath && (d = le, C = fe, T = E[d].points, S = T[C - 1], y = T[C], _ = y.partialLength, A = 0), ye = "", Pe = "", Te = "",
|
|
6813
|
+
l = 0, f += e.yOffset, f += N ? 1 : 0, x = re, N = !1, this._hasMaskedPath && (d = le, C = fe, T = E[d].points, S = T[C - 1], y = T[C], _ = y.partialLength, A = 0), ye = "", Pe = "", Te = "", we = "", be = this.defaultPropsArray;
|
|
6814
6814
|
else {
|
|
6815
6815
|
if (this._hasMaskedPath) {
|
|
6816
6816
|
if (pe !== p[u].line) {
|
|
@@ -6825,11 +6825,11 @@ var lottie$1 = { exports: {} };
|
|
|
6825
6825
|
pe = p[u].line;
|
|
6826
6826
|
}
|
|
6827
6827
|
G !== p[u].ind && (p[G] && (x += p[G].extra), x += p[u].an / 2, G = p[u].ind), x += i[0] * p[u].an * 5e-3;
|
|
6828
|
-
var
|
|
6828
|
+
var Se = 0;
|
|
6829
6829
|
for (P = 0; P < M; P += 1)
|
|
6830
|
-
L = n[P].a, L.p.propType && (k = n[P].s, I = k.getMult(p[u].anIndexes[P], s.a[P].s.totalChars), I.length ?
|
|
6830
|
+
L = n[P].a, L.p.propType && (k = n[P].s, I = k.getMult(p[u].anIndexes[P], s.a[P].s.totalChars), I.length ? Se += L.p.v[0] * I[0] : Se += L.p.v[0] * I), L.a.propType && (k = n[P].s, I = k.getMult(p[u].anIndexes[P], s.a[P].s.totalChars), I.length ? Se += L.a.v[0] * I[0] : Se += L.a.v[0] * I);
|
|
6831
6831
|
for (g = !0, this._pathData.a.v && (x = p[0].an * 0.5 + (V - this._pathData.f.v - p[0].an * 0.5 - p[p.length - 1].an * 0.5) * G / (m - 1), x += this._pathData.f.v); g; )
|
|
6832
|
-
A + _ >= x +
|
|
6832
|
+
A + _ >= x + Se || !T ? (B = (x + Se - A) / y.partialLength, K = S.point[0] + (y.point[0] - S.point[0]) * B, J = S.point[1] + (y.point[1] - S.point[1]) * B, a.translate(-i[0] * p[u].an * 5e-3, -(i[1] * q) * 0.01), g = !1) : T && (A += y.partialLength, C += 1, C >= T.length && (C = 0, d += 1, E[d] ? T = E[d].points : Z.v.c ? (C = 0, d = 0, T = E[d].points) : (A -= y.partialLength, T = null)), T && (S = y, y = T[C], _ = y.partialLength));
|
|
6833
6833
|
U = p[u].an / 2 - p[u].add, a.translate(-U, 0, 0);
|
|
6834
6834
|
} else
|
|
6835
6835
|
U = p[u].an / 2 - p[u].add, a.translate(-U, 0, 0), a.translate(-i[0] * p[u].an * 5e-3, -i[1] * q * 0.01, 0);
|
|
@@ -6870,9 +6870,9 @@ var lottie$1 = { exports: {} };
|
|
|
6870
6870
|
}
|
|
6871
6871
|
a.translate(0, -e.ls), a.translate(U, 0, 0), a.translate(i[0] * p[u].an * 5e-3, i[1] * q * 0.01, 0), l += p[u].l + e.tr * 1e-3 * e.finalSize;
|
|
6872
6872
|
}
|
|
6873
|
-
o === "html" ? ye = a.toCSS() : o === "svg" ? ye = a.to2dCSS() : be = [a.props[0], a.props[1], a.props[2], a.props[3], a.props[4], a.props[5], a.props[6], a.props[7], a.props[8], a.props[9], a.props[10], a.props[11], a.props[12], a.props[13], a.props[14], a.props[15]],
|
|
6873
|
+
o === "html" ? ye = a.toCSS() : o === "svg" ? ye = a.to2dCSS() : be = [a.props[0], a.props[1], a.props[2], a.props[3], a.props[4], a.props[5], a.props[6], a.props[7], a.props[8], a.props[9], a.props[10], a.props[11], a.props[12], a.props[13], a.props[14], a.props[15]], we = ue;
|
|
6874
6874
|
}
|
|
6875
|
-
c <= u ? (R = new LetterProps(
|
|
6875
|
+
c <= u ? (R = new LetterProps(we, Te, Ee, Pe, ye, be), this.renderedLetters.push(R), c += 1, this.lettersChangedFlag = !0) : (R = this.renderedLetters[u], this.lettersChangedFlag = R.update(we, Te, Ee, Pe, ye, be) || this.lettersChangedFlag);
|
|
6876
6876
|
}
|
|
6877
6877
|
}
|
|
6878
6878
|
}, TextAnimatorProperty.prototype.getValue = function() {
|
|
@@ -14206,7 +14206,62 @@ const InfoBadge = ({ children: e, className: t, ...i }) => /* @__PURE__ */ jsx(
|
|
|
14206
14206
|
t ? /* @__PURE__ */ jsx("img", { src: t, className: "gf-absolute gf-right-0 gf-w-5 gf-h-5 gf-z-20 gf-rounded-full" }) : null
|
|
14207
14207
|
]
|
|
14208
14208
|
}
|
|
14209
|
-
),
|
|
14209
|
+
), GradientScroll = ({
|
|
14210
|
+
children: e,
|
|
14211
|
+
className: t,
|
|
14212
|
+
height: i,
|
|
14213
|
+
gradientHeight: n = 24,
|
|
14214
|
+
...s
|
|
14215
|
+
}) => {
|
|
14216
|
+
const [a, o] = useState(!0), [c, l] = useState(!0), f = useRef(null), u = () => {
|
|
14217
|
+
if (f.current) {
|
|
14218
|
+
const { scrollTop: m, scrollHeight: p, clientHeight: b } = f.current;
|
|
14219
|
+
o(m + b < p), l(p - m !== p);
|
|
14220
|
+
}
|
|
14221
|
+
};
|
|
14222
|
+
return useEffect(() => {
|
|
14223
|
+
u();
|
|
14224
|
+
}, []), /* @__PURE__ */ jsxs(
|
|
14225
|
+
"div",
|
|
14226
|
+
{
|
|
14227
|
+
className: cn(
|
|
14228
|
+
"gf-w-full gf-bg-white gf-relative gf-overflow-hidden",
|
|
14229
|
+
t
|
|
14230
|
+
),
|
|
14231
|
+
style: { height: typeof i == "number" ? `${i}px` : i },
|
|
14232
|
+
...s,
|
|
14233
|
+
children: [
|
|
14234
|
+
/* @__PURE__ */ jsx(
|
|
14235
|
+
"div",
|
|
14236
|
+
{
|
|
14237
|
+
className: "gf-h-full gf-w-full gf-overflow-auto gf-no-scrollbar",
|
|
14238
|
+
onScroll: u,
|
|
14239
|
+
ref: f,
|
|
14240
|
+
children: e
|
|
14241
|
+
}
|
|
14242
|
+
),
|
|
14243
|
+
c && /* @__PURE__ */ jsx(
|
|
14244
|
+
"div",
|
|
14245
|
+
{
|
|
14246
|
+
className: " gf-w-full gf-absolute gf-top-0 gf-left-0 gf-z-40 gf-bg-gradient-to-b gf-from-white gf-via-white/80 gf-to-transparent gf-pointer-events-none",
|
|
14247
|
+
style: {
|
|
14248
|
+
height: typeof n == "number" ? `${n}px` : n
|
|
14249
|
+
}
|
|
14250
|
+
}
|
|
14251
|
+
),
|
|
14252
|
+
a && /* @__PURE__ */ jsx(
|
|
14253
|
+
"div",
|
|
14254
|
+
{
|
|
14255
|
+
className: " gf-w-full gf-absolute gf-bottom-0 gf-left-0 gf-z-40 gf-bg-gradient-to-t gf-from-white gf-via-white/80 gf-to-transparent gf-pointer-events-none",
|
|
14256
|
+
style: {
|
|
14257
|
+
height: typeof n == "number" ? `${n}px` : n
|
|
14258
|
+
}
|
|
14259
|
+
}
|
|
14260
|
+
)
|
|
14261
|
+
]
|
|
14262
|
+
}
|
|
14263
|
+
);
|
|
14264
|
+
}, appLink = "https://app.garden.finance", websiteLink = "https://garden.finance", footerDetails = [
|
|
14210
14265
|
{
|
|
14211
14266
|
title: "Application",
|
|
14212
14267
|
targetSame: !0,
|
|
@@ -14919,7 +14974,7 @@ var build = { exports: {} };
|
|
|
14919
14974
|
return O.__proto__ = W, O;
|
|
14920
14975
|
}, be(H, F);
|
|
14921
14976
|
}
|
|
14922
|
-
var
|
|
14977
|
+
var we = function(H) {
|
|
14923
14978
|
function F(j) {
|
|
14924
14979
|
var z;
|
|
14925
14980
|
(function(he, ce) {
|
|
@@ -14942,12 +14997,12 @@ var build = { exports: {} };
|
|
|
14942
14997
|
} }]) && Y(O.prototype, W), Object.defineProperty(O, "prototype", { writable: !1 }), O;
|
|
14943
14998
|
var O, W;
|
|
14944
14999
|
}(a().Component);
|
|
14945
|
-
|
|
15000
|
+
we.propTypes = { afterLoad: o.PropTypes.func, beforeLoad: o.PropTypes.func, useIntersectionObserver: o.PropTypes.bool, visibleByDefault: o.PropTypes.bool }, we.defaultProps = { afterLoad: function() {
|
|
14946
15001
|
return {};
|
|
14947
15002
|
}, beforeLoad: function() {
|
|
14948
15003
|
return {};
|
|
14949
15004
|
}, useIntersectionObserver: !0, visibleByDefault: !1 };
|
|
14950
|
-
const me =
|
|
15005
|
+
const me = we;
|
|
14951
15006
|
function Ce(H) {
|
|
14952
15007
|
return Ce = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(F) {
|
|
14953
15008
|
return typeof F;
|
|
@@ -14970,14 +15025,14 @@ var build = { exports: {} };
|
|
|
14970
15025
|
for (var F = 1; F < arguments.length; F++) {
|
|
14971
15026
|
var O = arguments[F] != null ? arguments[F] : {};
|
|
14972
15027
|
F % 2 ? xe(Object(O), !0).forEach(function(W) {
|
|
14973
|
-
|
|
15028
|
+
Se(H, W, O[W]);
|
|
14974
15029
|
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(H, Object.getOwnPropertyDescriptors(O)) : xe(Object(O)).forEach(function(W) {
|
|
14975
15030
|
Object.defineProperty(H, W, Object.getOwnPropertyDescriptor(O, W));
|
|
14976
15031
|
});
|
|
14977
15032
|
}
|
|
14978
15033
|
return H;
|
|
14979
15034
|
}
|
|
14980
|
-
function
|
|
15035
|
+
function Se(H, F, O) {
|
|
14981
15036
|
return (F = Ve(F)) in H ? Object.defineProperty(H, F, { value: O, enumerable: !0, configurable: !0, writable: !0 }) : H[F] = O, H;
|
|
14982
15037
|
}
|
|
14983
15038
|
function Ae() {
|
|
@@ -19867,6 +19922,7 @@ export {
|
|
|
19867
19922
|
GardenLogo,
|
|
19868
19923
|
GardenLogoText,
|
|
19869
19924
|
GardenStrokeIcon,
|
|
19925
|
+
GradientScroll,
|
|
19870
19926
|
InfinityIcon,
|
|
19871
19927
|
InfoBadge,
|
|
19872
19928
|
InfoIcon,
|