@commandcenterio/convert-ui 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.js +13 -12
- package/dist/index.mjs +7 -6
- package/package.json +3 -3
package/dist/index.js
CHANGED
@@ -200,10 +200,11 @@ var AnimateBorder = ({
|
|
200
200
|
|
201
201
|
// src/AnimatedHeader/AnimatedHeader.tsx
|
202
202
|
var import_react3 = require("@gsap/react");
|
203
|
-
var
|
204
|
-
var
|
203
|
+
var import_gsap = require("gsap");
|
204
|
+
var import_ScrollTrigger = require("gsap/ScrollTrigger");
|
205
|
+
var import_TextPlugin = require("gsap/TextPlugin");
|
205
206
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
206
|
-
|
207
|
+
import_gsap.gsap.registerPlugin(import_TextPlugin.TextPlugin, import_ScrollTrigger.ScrollTrigger);
|
207
208
|
var AnimatedHeader = function({
|
208
209
|
textToAnimate,
|
209
210
|
textClassNames,
|
@@ -217,7 +218,7 @@ var AnimatedHeader = function({
|
|
217
218
|
const modifiedId = "#" + identifiers.child;
|
218
219
|
const modifiedParentId = "#" + identifiers.parent;
|
219
220
|
(0, import_react3.useGSAP)(() => {
|
220
|
-
|
221
|
+
import_gsap.gsap.timeline().fromTo(
|
221
222
|
modifiedId,
|
222
223
|
{
|
223
224
|
scale: scaleAnimation.start
|
@@ -622,10 +623,10 @@ var Offer = ({
|
|
622
623
|
// src/PrettyCard/PrettyCard.tsx
|
623
624
|
var import_react8 = __toESM(require("react"));
|
624
625
|
var import_react9 = require("@gsap/react");
|
625
|
-
var
|
626
|
-
var
|
626
|
+
var import_gsap2 = require("gsap");
|
627
|
+
var import_ScrollTrigger2 = require("gsap/ScrollTrigger");
|
627
628
|
var import_jsx_runtime13 = require("react/jsx-runtime");
|
628
|
-
|
629
|
+
import_gsap2.gsap.registerPlugin(import_ScrollTrigger2.ScrollTrigger);
|
629
630
|
var PrettyCard = ({
|
630
631
|
buttonText,
|
631
632
|
altButtonJsx,
|
@@ -642,7 +643,7 @@ var PrettyCard = ({
|
|
642
643
|
const { id } = altButtonJsx.props;
|
643
644
|
btnId = "#" + id;
|
644
645
|
}
|
645
|
-
const tl =
|
646
|
+
const tl = import_gsap2.gsap.timeline();
|
646
647
|
tl.fromTo(
|
647
648
|
"#gradient-element",
|
648
649
|
{
|
@@ -907,12 +908,12 @@ var SellingPropContainer = function({
|
|
907
908
|
};
|
908
909
|
|
909
910
|
// src/StackedScroller/StackedScroller.tsx
|
910
|
-
var
|
911
|
+
var import_gsap3 = require("gsap");
|
911
912
|
var import_react10 = require("@gsap/react");
|
912
|
-
var
|
913
|
+
var import_ScrollTrigger3 = require("gsap/ScrollTrigger");
|
913
914
|
var import_react11 = require("react");
|
914
915
|
var import_jsx_runtime19 = require("react/jsx-runtime");
|
915
|
-
|
916
|
+
import_gsap3.gsap.registerPlugin(import_ScrollTrigger3.ScrollTrigger);
|
916
917
|
var StackedScroller = function({
|
917
918
|
services,
|
918
919
|
defaultHeading,
|
@@ -943,7 +944,7 @@ var StackedScroller = function({
|
|
943
944
|
};
|
944
945
|
(0, import_react10.useGSAP)(() => {
|
945
946
|
newServices.forEach(({ id }, index) => {
|
946
|
-
|
947
|
+
import_gsap3.gsap.fromTo(
|
947
948
|
`#${id}`,
|
948
949
|
{
|
949
950
|
opacity: firstRound ? 0 : 1,
|
package/dist/index.mjs
CHANGED
@@ -144,8 +144,9 @@ var AnimateBorder = ({
|
|
144
144
|
|
145
145
|
// src/AnimatedHeader/AnimatedHeader.tsx
|
146
146
|
import { useGSAP } from "@gsap/react";
|
147
|
-
import { gsap } from "gsap
|
148
|
-
import {
|
147
|
+
import { gsap } from "gsap";
|
148
|
+
import { ScrollTrigger } from "gsap/ScrollTrigger";
|
149
|
+
import { TextPlugin } from "gsap/TextPlugin";
|
149
150
|
import { jsx as jsx3 } from "react/jsx-runtime";
|
150
151
|
gsap.registerPlugin(TextPlugin, ScrollTrigger);
|
151
152
|
var AnimatedHeader = function({
|
@@ -566,8 +567,8 @@ var Offer = ({
|
|
566
567
|
// src/PrettyCard/PrettyCard.tsx
|
567
568
|
import React6 from "react";
|
568
569
|
import { useGSAP as useGSAP2 } from "@gsap/react";
|
569
|
-
import gsap2 from "gsap";
|
570
|
-
import { ScrollTrigger as ScrollTrigger2 } from "gsap/
|
570
|
+
import { gsap as gsap2 } from "gsap";
|
571
|
+
import { ScrollTrigger as ScrollTrigger2 } from "gsap/ScrollTrigger";
|
571
572
|
import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
|
572
573
|
gsap2.registerPlugin(ScrollTrigger2);
|
573
574
|
var PrettyCard = ({
|
@@ -851,9 +852,9 @@ var SellingPropContainer = function({
|
|
851
852
|
};
|
852
853
|
|
853
854
|
// src/StackedScroller/StackedScroller.tsx
|
854
|
-
import gsap3 from "gsap";
|
855
|
+
import { gsap as gsap3 } from "gsap";
|
855
856
|
import { useGSAP as useGSAP3 } from "@gsap/react";
|
856
|
-
import { ScrollTrigger as ScrollTrigger3 } from "gsap/
|
857
|
+
import { ScrollTrigger as ScrollTrigger3 } from "gsap/ScrollTrigger";
|
857
858
|
import { useState as useState2 } from "react";
|
858
859
|
import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
|
859
860
|
gsap3.registerPlugin(ScrollTrigger3);
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@commandcenterio/convert-ui",
|
3
|
-
"version": "0.0.
|
3
|
+
"version": "0.0.2",
|
4
4
|
"main": "./dist/index.js",
|
5
5
|
"module": "./dist/index.mjs",
|
6
6
|
"types": "./dist/index.d.ts",
|
@@ -16,8 +16,8 @@
|
|
16
16
|
"react": "^18.2.0",
|
17
17
|
"tsup": "^8.0.1",
|
18
18
|
"typescript": "^5.3.3",
|
19
|
-
"@repo/
|
20
|
-
"@repo/
|
19
|
+
"@repo/eslint-config": "0.0.0",
|
20
|
+
"@repo/typescript-config": "0.0.0"
|
21
21
|
},
|
22
22
|
"publishConfig": {
|
23
23
|
"access": "public"
|