From 269d5fa2d02ce154dbb51bd9c24f828d62b93165 Mon Sep 17 00:00:00 2001 From: Eric Fennis Date: Fri, 30 Apr 2021 01:19:45 +0200 Subject: [PATCH] update packages --- site/package.json | 12 +++++++----- site/src/components/ColorPicker.tsx | 2 +- site/src/components/Header.tsx | 2 +- site/src/components/IconCustomizerDrawer.tsx | 2 +- site/src/components/IconDetailOverlay.tsx | 2 +- site/src/components/IconList.tsx | 2 +- site/src/components/IconOverview.tsx | 2 +- site/src/components/Layout.tsx | 2 +- site/src/components/ModifiedTooltip.tsx | 2 +- site/src/lib/theme.tsx | 2 +- site/src/pages/_app.tsx | 2 +- site/src/pages/_document.tsx | 2 +- 12 files changed, 18 insertions(+), 16 deletions(-) diff --git a/site/package.json b/site/package.json index 63eba6ecb..05d87abbc 100644 --- a/site/package.json +++ b/site/package.json @@ -11,16 +11,18 @@ "test": "jest" }, "dependencies": { - "@chakra-ui/core": "^1.0.0-rc.8", + "@chakra-ui/react": "^1.6.0", + "@emotion/react": "^11", + "@emotion/styled": "^11", "downloadjs": "^1.4.7", - "framer-motion": "^3.3.0", + "framer-motion": "^4", "jszip": "^3.4.0", "lodash": "^4.17.20", "lucide-react": "0.14.0", "next": "^10.0.4", - "react": "^16.13.1", - "react-color": "2.17.3", - "react-dom": "^16.13.1", + "react": "^17.0.1", + "react-color": "^2.19.3", + "react-dom": "^17.0.1", "react-svg-loader": "^3.0.3" }, "devDependencies": { diff --git a/site/src/components/ColorPicker.tsx b/site/src/components/ColorPicker.tsx index d99e177f5..9f089c754 100644 --- a/site/src/components/ColorPicker.tsx +++ b/site/src/components/ColorPicker.tsx @@ -1,5 +1,5 @@ import { SyntheticEvent, useEffect, useRef, useState } from 'react'; -import { FormLabel, Icon, Input, InputGroup, InputLeftElement } from '@chakra-ui/core'; +import { FormLabel, Icon, Input, InputGroup, InputLeftElement } from '@chakra-ui/react'; import { CustomPicker } from 'react-color'; const { Saturation, Hue } = require('react-color/lib/components/common'); diff --git a/site/src/components/Header.tsx b/site/src/components/Header.tsx index 17f363c61..82611a7f8 100644 --- a/site/src/components/Header.tsx +++ b/site/src/components/Header.tsx @@ -1,4 +1,4 @@ -import { Button, Flex, Link, WrapItem, Text, Wrap } from "@chakra-ui/core"; +import { Button, Flex, Link, WrapItem, Text, Wrap } from "@chakra-ui/react"; import download from "downloadjs"; import JSZip from "jszip"; import { Download, Github } from 'lucide-react'; diff --git a/site/src/components/IconCustomizerDrawer.tsx b/site/src/components/IconCustomizerDrawer.tsx index 624dc15c1..7b954f9e2 100644 --- a/site/src/components/IconCustomizerDrawer.tsx +++ b/site/src/components/IconCustomizerDrawer.tsx @@ -18,7 +18,7 @@ import { SliderTrack, Flex, Text, -} from '@chakra-ui/core'; +} from '@chakra-ui/react'; import ColorPicker from './ColorPicker'; export function IconCustomizerDrawer() { diff --git a/site/src/components/IconDetailOverlay.tsx b/site/src/components/IconDetailOverlay.tsx index 9a3372147..ee17eca7a 100644 --- a/site/src/components/IconDetailOverlay.tsx +++ b/site/src/components/IconDetailOverlay.tsx @@ -1,4 +1,4 @@ -import { Box, Text, IconButton, useColorMode, Flex, Slide, ButtonGroup, Button, useToast, Heading, Avatar, AvatarGroup, Link, Tooltip, useMediaQuery, useDisclosure } from "@chakra-ui/core"; +import { Box, Text, IconButton, useColorMode, Flex, Slide, ButtonGroup, Button, useToast, Heading, Avatar, AvatarGroup, Link, Tooltip, useMediaQuery, useDisclosure } from "@chakra-ui/react"; import theme from "../lib/theme"; import download from 'downloadjs'; import copy from "copy-to-clipboard"; diff --git a/site/src/components/IconList.tsx b/site/src/components/IconList.tsx index f4f5ba3fd..dd48c1d48 100644 --- a/site/src/components/IconList.tsx +++ b/site/src/components/IconList.tsx @@ -1,4 +1,4 @@ -import { Button, Flex, Grid, Text, useToast } from "@chakra-ui/core"; +import { Button, Flex, Grid, Text, useToast } from "@chakra-ui/react"; import download from 'downloadjs'; import Link from 'next/link' import copy from "copy-to-clipboard"; diff --git a/site/src/components/IconOverview.tsx b/site/src/components/IconOverview.tsx index f2fedf565..01f2f9be3 100644 --- a/site/src/components/IconOverview.tsx +++ b/site/src/components/IconOverview.tsx @@ -6,7 +6,7 @@ import { Text, useColorMode, Icon, -} from '@chakra-ui/core'; +} from '@chakra-ui/react'; import IconList from './IconList'; import { useEffect, useMemo, useRef, useState } from 'react'; import useSearch from '../lib/useSearch'; diff --git a/site/src/components/Layout.tsx b/site/src/components/Layout.tsx index 5c3b48053..1a7abe88f 100644 --- a/site/src/components/Layout.tsx +++ b/site/src/components/Layout.tsx @@ -1,4 +1,4 @@ -import { Box, Divider, Flex, Text, Link, Icon, useColorMode, useColorModeValue, IconButton } from "@chakra-ui/core"; +import { Box, Divider, Flex, Text, Link, Icon, useColorMode, useColorModeValue, IconButton } from "@chakra-ui/react"; import { useKeyBindings } from "../lib/key"; import { useRouter } from "next/router"; import NextLink from "next/link" diff --git a/site/src/components/ModifiedTooltip.tsx b/site/src/components/ModifiedTooltip.tsx index 9c8206b8f..cc0939808 100644 --- a/site/src/components/ModifiedTooltip.tsx +++ b/site/src/components/ModifiedTooltip.tsx @@ -1,4 +1,4 @@ -import { Box, Tooltip, useColorMode } from "@chakra-ui/core"; +import { Box, Tooltip, useColorMode } from "@chakra-ui/react"; import theme from '../lib/theme'; const ModifiedTooltip = ({}) => { diff --git a/site/src/lib/theme.tsx b/site/src/lib/theme.tsx index 4a4a9a557..f12c78df1 100644 --- a/site/src/lib/theme.tsx +++ b/site/src/lib/theme.tsx @@ -1,4 +1,4 @@ -import { theme as chakraTheme } from "@chakra-ui/core"; +import { theme as chakraTheme } from "@chakra-ui/react"; const theme = { ...chakraTheme, diff --git a/site/src/pages/_app.tsx b/site/src/pages/_app.tsx index 17b119d55..6e4a44233 100644 --- a/site/src/pages/_app.tsx +++ b/site/src/pages/_app.tsx @@ -1,4 +1,4 @@ -import { ChakraProvider } from '@chakra-ui/core'; +import { ChakraProvider } from '@chakra-ui/react'; import customTheme from '../lib/theme'; import '../assets/styling.css'; import Head from 'next/head'; diff --git a/site/src/pages/_document.tsx b/site/src/pages/_document.tsx index 385636bc5..4abb0f1af 100644 --- a/site/src/pages/_document.tsx +++ b/site/src/pages/_document.tsx @@ -1,5 +1,5 @@ import Document, { Head, Html, Main, NextScript } from "next/document"; -import { ColorModeScript } from "@chakra-ui/core" +import { ColorModeScript } from "@chakra-ui/react" class MyDocument extends Document { render() {