⬆️ Upgrade chakra version

2024-06-17 14:12:14 +02:00
parent 0f2f4d2130
commit bec9cb68ca
61 changed files with 724 additions and 1793 deletions
--- a/ee/apps/landing-page/assets/icons/AccessibilityIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/AccessibilityIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const AccessibilityIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/ArrowRight.tsx
+++ b/ee/apps/landing-page/assets/icons/ArrowRight.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const ArrowRight = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/CaluclatorIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/CaluclatorIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const CalculatorIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/CapterraIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/CapterraIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'

 export const CapterraIcon = (props: IconProps) => (
  <Icon
--- a/ee/apps/landing-page/assets/icons/CheckCircleIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/CheckCircleIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const CheckCircleIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/CheckIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/CheckIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'
 import { featherIconsBaseProps } from '.'

--- a/ee/apps/landing-page/assets/icons/ChevronDownIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/ChevronDownIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const ChevronDownIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/ChevronRightIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/ChevronRightIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const ChevronRightIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/ConditionIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/ConditionIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const ConditionIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/DoIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/DoIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const DoIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/DocIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/DocIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const DocIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/DontIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/DontIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const DontIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/EmailIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/EmailIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import { featherIconsBaseProps } from './HamburgerIcon'

 export const EmailIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/ExternalLinkIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/ExternalLinkIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import { featherIconsBaseProps } from './HamburgerIcon'

 export const ExternalLinkIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/FolderIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/FolderIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const FolderIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/HamburgerIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/HamburgerIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const featherIconsBaseProps: IconProps = {
--- a/ee/apps/landing-page/assets/icons/Logo.tsx
+++ b/ee/apps/landing-page/assets/icons/Logo.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const Logo = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/MapIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/MapIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const MapIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/NewspaperIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/NewspaperIcon.tsx
@ -0,0 +1,7 @@
+import { Icon } from '@chakra-ui/icon'
+
+export const NewspaperIcon = () => (
+  <Icon viewBox="0 0 512 512" fill="currentcolor">
+    <path d="M96 96c0-35.3 28.7-64 64-64H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H80c-44.2 0-80-35.8-80-80V128c0-17.7 14.3-32 32-32s32 14.3 32 32V400c0 8.8 7.2 16 16 16s16-7.2 16-16V96zm64 24v80c0 13.3 10.7 24 24 24H296c13.3 0 24-10.7 24-24V120c0-13.3-10.7-24-24-24H184c-13.3 0-24 10.7-24 24zm208-8c0 8.8 7.2 16 16 16h48c8.8 0 16-7.2 16-16s-7.2-16-16-16H384c-8.8 0-16 7.2-16 16zm0 96c0 8.8 7.2 16 16 16h48c8.8 0 16-7.2 16-16s-7.2-16-16-16H384c-8.8 0-16 7.2-16 16zM160 304c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16s-7.2-16-16-16H176c-8.8 0-16 7.2-16 16zm0 96c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16s-7.2-16-16-16H176c-8.8 0-16 7.2-16 16z" />
+  </Icon>
+)
--- a/ee/apps/landing-page/assets/icons/PeopleCircleIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/PeopleCircleIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const PeopleCircleIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/PersonAddIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/PersonAddIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const PersonAddIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/ProductHuntIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/ProductHuntIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'

 export const ProductHuntIcon = (props: IconProps) => (
  <Icon
--- a/ee/apps/landing-page/assets/icons/QuoteLeftIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/QuoteLeftIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const QuoteLeftIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/assets/icons/RedditIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/RedditIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'

 export const RedditIcon = (props: IconProps) => (
  <Icon
--- a/ee/apps/landing-page/assets/icons/ShareIcon.tsx
+++ b/ee/apps/landing-page/assets/icons/ShareIcon.tsx
@ -1,4 +1,4 @@
-import Icon, { IconProps } from '@chakra-ui/icon'
+import { Icon, IconProps } from '@chakra-ui/icon'
 import React from 'react'

 export const ShareIcon = (props: IconProps) => (
--- a/ee/apps/landing-page/components/common/Header/_data.tsx
+++ b/ee/apps/landing-page/components/common/Header/_data.tsx
@ -1,6 +1,6 @@
 import { GitHubIcon } from 'assets/icons'
 import { DocIcon } from 'assets/icons/DocIcon'
-import { MapIcon } from 'assets/icons/MapIcon'
+import { NewspaperIcon } from 'assets/icons/NewspaperIcon'
 import { PeopleCircleIcon } from 'assets/icons/PeopleCircleIcon'
 import * as React from 'react'

@ -22,11 +22,11 @@ export const links = [
        icon: <DocIcon />,
      },
      {
-        label: 'Roadmap',
+        label: 'Blog',
        description:
-          "Follow the development and make suggestions for which features you'd like to see",
-        href: 'https://feedback.typebot.io/roadmap',
-        icon: <MapIcon />,
+          'Read the latest news and updates about Typebot and the chatbots ecosystem',
+        href: '/blog',
+        icon: <NewspaperIcon />,
      },
      {
        label: 'Community',
--- a/ee/apps/landing-page/package.json
+++ b/ee/apps/landing-page/package.json
@ -11,11 +11,11 @@
    "analyze": "cross-env ANALYZE=true next build"
  },
  "dependencies": {
-    "@chakra-ui/icon": "3.0.15",
+    "@chakra-ui/icon": "3.2.0",
    "@chakra-ui/next-js": "2.2.0",
-    "@chakra-ui/react": "2.7.1",
-    "@emotion/react": "11.11.1",
-    "@emotion/styled": "11.11.0",
+    "@chakra-ui/react": "2.8.2",
+    "@emotion/react": "11.11.4",
+    "@emotion/styled": "11.11.5",
    "@typebot.io/billing": "workspace:*",
    "@typebot.io/lib": "workspace:*",
    "@typebot.io/nextjs": "workspace:*",
@ -23,7 +23,7 @@
    "@typebot.io/schemas": "workspace:*",
    "aos": "2.3.4",
    "focus-visible": "5.2.0",
-    "framer-motion": "10.12.20",
+    "framer-motion": "11.1.7",
    "next": "14.1.0",
    "next-mdx-remote": "4.4.1",
    "react": "18.2.0",
@ -33,7 +33,7 @@
  },
  "devDependencies": {
    "@babel/core": "7.22.9",
-    "@chakra-ui/styled-system": "2.9.1",
+    "@chakra-ui/styled-system": "2.9.2",
    "@tailwindcss/typography": "0.5.12",
    "@typebot.io/env": "workspace:*",
    "@typebot.io/tsconfig": "workspace:*",