Skip to content

Commit 31c5bbb

Browse files
inokawainokawa
committed
Update vite
1 parent f1c49bb commit 31c5bbb

17 files changed

Lines changed: 3435 additions & 2500 deletions

‎.storybook/vitest.setup.ts‎

Lines changed: 0 additions & 6 deletions
This file was deleted.

‎package-lock.json‎

Lines changed: 3392 additions & 2452 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -44,15 +44,15 @@
4444
"@rollup/plugin-terser": "^0.4.4",
4545
"@rollup/plugin-typescript": "^11.1.6",
4646
"@size-limit/preset-small-lib": "^11.1.2",
47-
"@storybook/addon-docs": "9.1.1",
48-
"@storybook/addon-vitest": "^9.1.1",
49-
"@storybook/react-vite": "9.1.1",
47+
"@storybook/addon-docs": "10.3.3",
48+
"@storybook/addon-vitest": "^10.3.3",
49+
"@storybook/react-vite": "10.3.3",
5050
"@types/react": "^18.3.1",
5151
"@types/react-dom": "^18.3.0",
5252
"@vanilla-extract/css": "^1.17.4",
53-
"@vanilla-extract/vite-plugin": "^5.1.1",
54-
"@vitest/browser": "3.2.4",
55-
"@vitest/coverage-v8": "3.2.4",
53+
"@vanilla-extract/vite-plugin": "^5.2.0",
54+
"@vitest/browser-playwright": "^4.1.0",
55+
"@vitest/coverage-v8": "^4.1.0",
5656
"antd": "^5.0.2",
5757
"framer-motion": "^10.16.16",
5858
"jsdom": "^25.0.1",
@@ -64,13 +64,13 @@
6464
"rollup": "^4.17.2",
6565
"rollup-plugin-banner2": "^1.2.3",
6666
"size-limit": "^11.1.2",
67-
"storybook": "9.1.1",
67+
"storybook": "10.3.3",
6868
"styled-components": "^6.0.7",
6969
"typedoc": "^0.28.0",
7070
"typedoc-plugin-markdown": "^4.6.3",
7171
"typescript": "^5.8.3",
72-
"vite": "^7.1.0",
73-
"vitest": "^3.2.4",
72+
"vite": "^8.0.1",
73+
"vitest": "^4.1.0",
7474
"web-animations-js": "^2.3.2"
7575
},
7676
"peerDependencies": {

‎stories/hooks/useAnimation.stories.tsx‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
import { StoryObj } from "@storybook/react-vite";
1+
import type { StoryObj } from "@storybook/react-vite";
22
import React, { useCallback, useEffect, useState } from "react";
33
import {
4-
AnimationOptions,
5-
TypedEasing,
6-
TypedKeyframe,
4+
type AnimationOptions,
5+
type TypedEasing,
6+
type TypedKeyframe,
77
useAnimation,
88
} from "../../src";
99
import { mergeRefs } from "react-merge-refs";
@@ -53,13 +53,13 @@ export const Playground: StoryObj = {
5353
easing === "cubic-bezier"
5454
? `cubic-bezier(${cubicBezierValues.join(",")})`
5555
: easing === "steps"
56-
? `steps(${stepsValues.join(",")})`
57-
: easing,
56+
? `steps(${stepsValues.join(",")})`
57+
: easing,
5858
direction: direction,
5959
iterations: iteration,
6060
delay,
6161
endDelay,
62-
}
62+
},
6363
);
6464

6565
useEffect(() => {
@@ -320,7 +320,7 @@ const Bar = ({
320320
target,
321321
]
322322
: [target],
323-
{ duration: 150, easing: "ease-out", delay: i * 100 }
323+
{ duration: 150, easing: "ease-out", delay: i * 100 },
324324
);
325325

326326
useEffect(() => {
@@ -402,7 +402,7 @@ export const Mouse: StoryObj = {
402402
duration: 1000,
403403
iterations: Infinity,
404404
easing: "ease-in-out",
405-
}
405+
},
406406
);
407407
const move = useAnimation<{ x: number; y: number }>(
408408
(prev, pos) => [
@@ -412,7 +412,7 @@ export const Mouse: StoryObj = {
412412
{
413413
duration: 400,
414414
easing: "ease-in-out",
415-
}
415+
},
416416
);
417417

418418
useEffect(() => {
@@ -452,7 +452,7 @@ export const Toggle: StoryObj = {
452452
render: () => {
453453
const animate = useAnimation(
454454
{ transform: "translate3d(400px, 0, 0)" },
455-
{ duration: 800, easing: "ease-in-out" }
455+
{ duration: 800, easing: "ease-in-out" },
456456
);
457457

458458
useEffect(() => {
@@ -501,7 +501,7 @@ export const Path: StoryObj = {
501501
easing: "ease-in-out",
502502
iterations: Infinity,
503503
direction: "alternate",
504-
}
504+
},
505505
);
506506

507507
useEffect(() => {
@@ -527,7 +527,7 @@ export const ThreeDimentional: StoryObj = {
527527
{
528528
duration: 1000,
529529
iterations: Infinity,
530-
}
530+
},
531531
);
532532

533533
useEffect(() => {
@@ -611,7 +611,7 @@ export const Sequence: StoryObj = {
611611
render: () => {
612612
const animate = useAnimation<string>(
613613
(prev, color) => [{ fill: prev.fill }, { fill: color }],
614-
{ duration: 600, easing: "ease-out" }
614+
{ duration: 600, easing: "ease-out" },
615615
);
616616

617617
const onClickAll = useCallback(async () => {
@@ -677,15 +677,15 @@ const WavedRect = ({ i }: { i: number }) => {
677677
{ transform: "translateY(0) scaleX(.8)" },
678678
{ transform: "translateY(95vh) scaleX(1)" },
679679
],
680-
{ ...baseTiming, duration: 2500 }
680+
{ ...baseTiming, duration: 2500 },
681681
);
682682
const opacity = useAnimation([{ opacity: 1 }, { opacity: 0 }], {
683683
...baseTiming,
684684
duration: 2000,
685685
});
686686
const color = useAnimation(
687687
[{ backgroundColor: "rgb(239, 239, 255)" }, { backgroundColor: "#e4c349" }],
688-
{ ...baseTiming, duration: 3000 }
688+
{ ...baseTiming, duration: 3000 },
689689
);
690690

691691
useEffect(() => {
@@ -743,7 +743,7 @@ export const Countdown: StoryObj = {
743743
delay: 0,
744744
iterations: 1000,
745745
direction: "alternate",
746-
}
746+
},
747747
);
748748
const boomAnimation = useAnimation(
749749
[
@@ -771,7 +771,7 @@ export const Countdown: StoryObj = {
771771
easing: "ease-out",
772772
delay: 0,
773773
iterations: 1,
774-
}
774+
},
775775
);
776776

777777
useEffect(() => {

‎stories/hooks/useAnimationFunction.stories.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { StoryObj } from "@storybook/react-vite";
1+
import type { StoryObj } from "@storybook/react-vite";
22
import React, { useCallback, useEffect, useRef, useState } from "react";
33
import { useAnimationFunction } from "../../src";
44

‎stories/hooks/useScrollTimeline.stories.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { StoryObj } from "@storybook/react-vite";
1+
import type { StoryObj } from "@storybook/react-vite";
22
import React, { useEffect } from "react";
33
import { useAnimation, useScrollTimeline } from "../../src";
44

‎stories/hooks/useTransitionAnimation.stories.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
import { StoryObj } from "@storybook/react-vite";
1+
import type { StoryObj } from "@storybook/react-vite";
22
import React, { useEffect, useRef, useState } from "react";
33
import {
44
TransitionGroup,
5-
AnimationOptions,
5+
type AnimationOptions,
66
useTransitionAnimation,
77
} from "../../src";
88

‎stories/hooks/useViewTimeline.stories.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { StoryObj } from "@storybook/react-vite";
1+
import type { StoryObj } from "@storybook/react-vite";
22
import React, { useEffect } from "react";
33
import { useAnimation, useViewTimeline } from "../../src";
44

‎stories/with-libraries/css-in-js/emotion.stories.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { StoryObj } from "@storybook/react-vite";
1+
import type { StoryObj } from "@storybook/react-vite";
22
import React, { useEffect } from "react";
33
import { useAnimation } from "../../../src";
44
import { css } from "@emotion/css";

‎stories/with-libraries/css-in-js/styled-components.stories.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { StoryObj } from "@storybook/react-vite";
1+
import type { StoryObj } from "@storybook/react-vite";
22
import React, { useEffect } from "react";
33
import { useAnimation } from "../../../src";
44
import styled from "styled-components";

0 commit comments

Comments
 (0)