@commandcenterio/convert-ui 0.0.1 → 0.0.2
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/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"
|