diff --git a/.changeset/famous-jobs-wonder.md b/.changeset/famous-jobs-wonder.md new file mode 100644 index 0000000000..48d44762b4 --- /dev/null +++ b/.changeset/famous-jobs-wonder.md @@ -0,0 +1,14 @@ +--- +"@nextui-org/accordion": patch +"@nextui-org/autocomplete": patch +"@nextui-org/dropdown": patch +"@nextui-org/modal": patch +"@nextui-org/popover": patch +"@nextui-org/ripple": patch +"@nextui-org/select": patch +"@nextui-org/tabs": patch +"@nextui-org/tooltip": patch +"@nextui-org/framer-transitions": patch +--- + +Fixed the issue where only two keyframes were supported with spring and inertia animations. diff --git a/apps/docs/components/sandpack/use-sandpack.ts b/apps/docs/components/sandpack/use-sandpack.ts index 207eef3ec1..c2f0988d38 100644 --- a/apps/docs/components/sandpack/use-sandpack.ts +++ b/apps/docs/components/sandpack/use-sandpack.ts @@ -70,7 +70,7 @@ export const useSandpack = ({ }, {}); let dependencies = { - "framer-motion": "10.12.16", + "framer-motion": "11.0.22", "@nextui-org/react": "latest", }; @@ -139,7 +139,7 @@ export const useSandpack = ({ // const dependencies = useMemo(() => { // let deps = { - // "framer-motion": "10.12.16", + // "framer-motion": "11.0.22", // }; // if (hasComponents) { diff --git a/apps/docs/package.json b/apps/docs/package.json index 76ea49018b..d4ab2d7f03 100644 --- a/apps/docs/package.json +++ b/apps/docs/package.json @@ -55,7 +55,7 @@ "color2k": "^2.0.2", "contentlayer": "^0.3.4", "date-fns": "^2.30.0", - "framer-motion": "^10.16.4", + "framer-motion": "^11.0.22", "github-slugger": "^2.0.0", "gray-matter": "^4.0.3", "hast-util-to-html": "7.1.2", diff --git a/packages/components/accordion/package.json b/packages/components/accordion/package.json index 7cb9f5e636..d0d369ce04 100644 --- a/packages/components/accordion/package.json +++ b/packages/components/accordion/package.json @@ -69,7 +69,7 @@ "@nextui-org/avatar": "workspace:*", "@nextui-org/input": "workspace:*", "@nextui-org/test-utils": "workspace:*", - "framer-motion": "^10.16.4", + "framer-motion": "^11.0.22", "clean-package": "2.2.0", "react": "^18.0.0", "react-dom": "^18.0.0" diff --git a/packages/components/autocomplete/package.json b/packages/components/autocomplete/package.json index 679294e166..8facca0c68 100644 --- a/packages/components/autocomplete/package.json +++ b/packages/components/autocomplete/package.json @@ -70,7 +70,7 @@ "@nextui-org/stories-utils": "workspace:*", "@nextui-org/use-infinite-scroll": "workspace:*", "@react-stately/data": "^3.11.0", - "framer-motion": "^10.16.4", + "framer-motion": "^11.0.28", "clean-package": "2.2.0", "react": "^18.0.0", "react-dom": "^18.0.0" diff --git a/packages/components/dropdown/package.json b/packages/components/dropdown/package.json index acb49e502f..45a2a35f02 100644 --- a/packages/components/dropdown/package.json +++ b/packages/components/dropdown/package.json @@ -58,7 +58,7 @@ "@nextui-org/avatar": "workspace:*", "@nextui-org/user": "workspace:*", "@nextui-org/shared-icons": "workspace:*", - "framer-motion": "^10.16.4", + "framer-motion": "^11.0.22", "clean-package": "2.2.0", "react": "^18.0.0", "react-dom": "^18.0.0" diff --git a/packages/components/modal/package.json b/packages/components/modal/package.json index 812ebe33d7..655da1f9e4 100644 --- a/packages/components/modal/package.json +++ b/packages/components/modal/package.json @@ -65,7 +65,7 @@ "@nextui-org/button": "workspace:*", "@nextui-org/link": "workspace:*", "react-lorem-component": "0.13.0", - "framer-motion": "^10.16.4", + "framer-motion": "^11.0.22", "clean-package": "2.2.0", "react": "^18.0.0", "react-dom": "^18.0.0" diff --git a/packages/components/popover/package.json b/packages/components/popover/package.json index 12d51ece04..3799fbe546 100644 --- a/packages/components/popover/package.json +++ b/packages/components/popover/package.json @@ -63,7 +63,7 @@ "@nextui-org/system": "workspace:*", "@nextui-org/input": "workspace:*", "@nextui-org/card": "workspace:*", - "framer-motion": "^10.16.4", + "framer-motion": "^11.0.22", "clean-package": "2.2.0", "react": "^18.0.0", "react-dom": "^18.0.0" diff --git a/packages/components/ripple/package.json b/packages/components/ripple/package.json index 744caaf336..a1b8a029b8 100644 --- a/packages/components/ripple/package.json +++ b/packages/components/ripple/package.json @@ -48,7 +48,7 @@ "@nextui-org/theme": "workspace:*", "@nextui-org/system": "workspace:*", "clean-package": "2.2.0", - "framer-motion": "^10.16.4", + "framer-motion": "^11.0.22", "react": "^18.0.0", "react-dom": "^18.0.0" }, diff --git a/packages/components/select/package.json b/packages/components/select/package.json index fe00fd2624..f6c4883127 100644 --- a/packages/components/select/package.json +++ b/packages/components/select/package.json @@ -67,7 +67,7 @@ "@nextui-org/chip": "workspace:*", "@nextui-org/stories-utils": "workspace:*", "@nextui-org/use-infinite-scroll": "workspace:*", - "framer-motion": "^10.16.4", + "framer-motion": "^11.0.28", "@react-aria/i18n": "^3.10.2", "@react-stately/data": "^3.11.2", "clean-package": "2.2.0", diff --git a/packages/components/tabs/package.json b/packages/components/tabs/package.json index f0568fa7da..226f7b7042 100644 --- a/packages/components/tabs/package.json +++ b/packages/components/tabs/package.json @@ -59,7 +59,7 @@ "devDependencies": { "@nextui-org/theme": "workspace:*", "@nextui-org/system": "workspace:*", - "framer-motion": "^10.16.4", + "framer-motion": "^11.0.22", "react-lorem-component": "0.13.0", "@nextui-org/card": "workspace:*", "@nextui-org/input": "workspace:*", diff --git a/packages/components/tooltip/package.json b/packages/components/tooltip/package.json index 596c1e1cfb..b789533eda 100644 --- a/packages/components/tooltip/package.json +++ b/packages/components/tooltip/package.json @@ -59,7 +59,7 @@ "@nextui-org/system": "workspace:*", "@nextui-org/theme": "workspace:*", "clean-package": "2.2.0", - "framer-motion": "^11.0.20", + "framer-motion": "^11.0.28", "react": "^18.2.0", "react-dom": "^18.2.0" }, diff --git a/packages/utilities/framer-utils/package.json b/packages/utilities/framer-utils/package.json index e493b59f38..895375e02a 100644 --- a/packages/utilities/framer-utils/package.json +++ b/packages/utilities/framer-utils/package.json @@ -47,7 +47,7 @@ "react": "^18.0.0", "react-dom": "^18.0.0", "clean-package": "2.2.0", - "framer-motion": "^10.16.4" + "framer-motion": "^11.0.22" }, "clean-package": "../../../clean-package.config.json" } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 92c952449e..b480df3a56 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -391,8 +391,8 @@ importers: specifier: ^2.30.0 version: 2.30.0 framer-motion: - specifier: ^10.16.4 - version: 10.18.0(react-dom@18.2.0)(react@18.2.0) + specifier: ^11.0.22 + version: 11.0.28(react-dom@18.2.0)(react@18.2.0) github-slugger: specifier: ^2.0.0 version: 2.0.0 @@ -675,8 +675,8 @@ importers: specifier: 2.2.0 version: 2.2.0 framer-motion: - specifier: ^10.16.4 - version: 10.18.0(react-dom@18.2.0)(react@18.2.0) + specifier: ^11.0.22 + version: 11.0.28(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -772,8 +772,8 @@ importers: specifier: 2.2.0 version: 2.2.0 framer-motion: - specifier: ^10.16.4 - version: 10.18.0(react-dom@18.2.0)(react@18.2.0) + specifier: ^11.0.28 + version: 11.0.28(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -1460,8 +1460,8 @@ importers: specifier: 2.2.0 version: 2.2.0 framer-motion: - specifier: ^10.16.4 - version: 10.18.0(react-dom@18.2.0)(react@18.2.0) + specifier: ^11.0.22 + version: 11.0.28(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -1821,8 +1821,8 @@ importers: specifier: 2.2.0 version: 2.2.0 framer-motion: - specifier: ^10.16.4 - version: 10.18.0(react-dom@18.2.0)(react@18.2.0) + specifier: ^11.0.22 + version: 11.0.28(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -2025,8 +2025,8 @@ importers: specifier: 2.2.0 version: 2.2.0 framer-motion: - specifier: ^10.16.4 - version: 10.18.0(react-dom@18.2.0)(react@18.2.0) + specifier: ^11.0.22 + version: 11.0.28(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -2151,8 +2151,8 @@ importers: specifier: 2.2.0 version: 2.2.0 framer-motion: - specifier: ^10.16.4 - version: 10.18.0(react-dom@18.2.0)(react@18.2.0) + specifier: ^11.0.22 + version: 11.0.28(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -2276,8 +2276,8 @@ importers: specifier: 2.2.0 version: 2.2.0 framer-motion: - specifier: ^10.16.4 - version: 10.18.0(react-dom@18.2.0)(react@18.2.0) + specifier: ^11.0.28 + version: 11.0.28(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -2674,8 +2674,8 @@ importers: specifier: 2.2.0 version: 2.2.0 framer-motion: - specifier: ^10.16.4 - version: 10.18.0(react-dom@18.2.0)(react@18.2.0) + specifier: ^11.0.22 + version: 11.0.28(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -2738,7 +2738,7 @@ importers: specifier: 2.2.0 version: 2.2.0 framer-motion: - specifier: ^11.0.20 + specifier: ^11.0.28 version: 11.0.28(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 @@ -3593,8 +3593,8 @@ importers: specifier: 2.2.0 version: 2.2.0 framer-motion: - specifier: ^10.16.4 - version: 10.18.0(react-dom@18.2.0)(react@18.2.0) + specifier: ^11.0.22 + version: 11.0.28(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.2.0 version: 18.2.0 @@ -5879,10 +5879,6 @@ packages: peerDependencies: '@effect-ts/otel-node': '*' peerDependenciesMeta: - '@effect-ts/core': - optional: true - '@effect-ts/otel': - optional: true '@effect-ts/otel-node': optional: true dependencies: @@ -6036,11 +6032,13 @@ packages: requiresBuild: true dependencies: '@emotion/memoize': 0.7.4 + dev: true optional: true /@emotion/memoize@0.7.4: resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==} requiresBuild: true + dev: true optional: true /@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@18.2.0): @@ -11850,11 +11848,11 @@ packages: /@types/color-convert@2.0.3: resolution: {integrity: sha512-2Q6wzrNiuEvYxVQqhh7sXM2mhIhvZR/Paq4FdsQkOMgWsCIkKvSGj8Le1/XalulrmgOzPMqNa0ix+ePY4hTrfg==} dependencies: - '@types/color-name': 1.1.3 + '@types/color-name': 1.1.4 dev: true - /@types/color-name@1.1.3: - resolution: {integrity: sha512-87W6MJCKZYDhLAx/J1ikW8niMvmGRyY+rpUxWpL1cO7F8Uu5CHuQoFv+R0/L5pgNdW4jTyda42kv60uwVIPjLw==} + /@types/color-name@1.1.4: + resolution: {integrity: sha512-hulKeREDdLFesGQjl96+4aoJSHY5b2GRjagzzcqCfIrWhe5vkCqIvrLbqzBaI1q94Vg8DNJZZqTR5ocdWmWclg==} dev: true /@types/color@3.0.6: @@ -17286,6 +17284,7 @@ packages: tslib: 2.6.2 optionalDependencies: '@emotion/is-prop-valid': 0.8.8 + dev: true /framer-motion@11.0.28(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-j/vNYTCH5MX5sY/3dwMs00z1+qAqKX3iIHF762bwqlU814ooD5dDbuj3pA0LmIT5YqyryCkXEb/q+zRblin0lw==} @@ -22373,9 +22372,6 @@ packages: resolution: {integrity: sha512-W+gxAq7aQ9dJIg/XLKGcRT0cvnStFAQHPaI0pvD0U2l6IVLueUAm3nwN7lkY62zZNmlvNx6jNtE4wlbS+CyqSg==} engines: {node: '>= 12.0.0'} hasBin: true - peerDependenciesMeta: - '@parcel/core': - optional: true dependencies: '@parcel/config-default': 2.12.0(@parcel/core@2.12.0)(typescript@4.9.5) '@parcel/core': 2.12.0