From a0ee2142d85516bd04b6d07dde20f23637f18544 Mon Sep 17 00:00:00 2001 From: lialila Date: Mon, 20 Nov 2023 14:17:39 +0100 Subject: [PATCH] Update phosphor package --- package-lock.json | 27 ++++++++++--------- package.json | 4 +-- src/components/BoemlyAlert/BoemlyAlert.tsx | 2 +- .../BoemlyFormControl.stories.tsx | 2 +- .../BoemlyFormControl.test.tsx | 2 +- .../BoemlyFormControl/BoemlyFormControl.tsx | 2 +- .../BoemlyList/BoemlyList.stories.tsx | 2 +- src/components/BoemlyList/BoemlyList.test.tsx | 2 +- src/components/BoemlySteps/BoemlySteps.tsx | 2 +- .../BoemlyThemeProvider.tsx | 2 +- src/components/ContactArea/ContactArea.tsx | 2 +- src/components/DatePicker/DatePicker.tsx | 2 +- .../Expandable/Expandable.stories.tsx | 2 +- src/components/Expandable/Expandable.tsx | 2 +- .../PortfolioCard/PortfolioCard.tsx | 2 +- src/components/ProjectCard/ProjectCard.tsx | 2 +- src/components/RichText/RichText.stories.tsx | 2 +- .../TextCardWithIcon.stories.tsx | 2 +- src/constants/componentCustomizations.tsx | 2 +- src/constants/iconCustomizations.ts | 2 +- src/stories/components/Button.stories.tsx | 2 +- src/stories/components/IconButton.stories.tsx | 2 +- 22 files changed, 36 insertions(+), 35 deletions(-) diff --git a/package-lock.json b/package-lock.json index 4d81103..2bf762a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,9 +12,9 @@ "@chakra-ui/react": "^2.0.0", "@emotion/react": "^11.7.1", "@emotion/styled": "^11.6.0", + "@phosphor-icons/react": "^2.0.14", "framer-motion": "^7.3.6", "markdown-to-jsx": "^7.1.6", - "phosphor-react": "^1.4.0", "react-datepicker": "^4.8.0", "react-syntax-highlighter": "^15.5.0", "react-use": "^17.4.0" @@ -54,7 +54,7 @@ "typescript": "^4.5.5" }, "engines": { - "node": ">=14 <=18" + "node": ">=16 <=18" }, "peerDependencies": { "react": "^18.0.0" @@ -6178,6 +6178,18 @@ "@octokit/openapi-types": "^18.0.0" } }, + "node_modules/@phosphor-icons/react": { + "version": "2.0.14", + "resolved": "https://registry.npmjs.org/@phosphor-icons/react/-/react-2.0.14.tgz", + "integrity": "sha512-VaZ7/JEQ7dW+Up23l7t6lqJ3dPJupM03916Pat+ZOLX1vex9OeX9t8RZLJWt0oVrdc/GcrAyRD5FESDeP+M4tQ==", + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "react": ">= 16.8", + "react-dom": ">= 16.8" + } + }, "node_modules/@pmmmwh/react-refresh-webpack-plugin": { "version": "0.5.10", "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.10.tgz", @@ -26971,17 +26983,6 @@ "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==", "dev": true }, - "node_modules/phosphor-react": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/phosphor-react/-/phosphor-react-1.4.1.tgz", - "integrity": "sha512-gO5j7U0xZrdglTAYDYPACU4xDOFBTJmptrrB/GeR+tHhCZF3nUMyGmV/0hnloKjuTrOmpSFlbfOY78H39rgjUQ==", - "engines": { - "node": ">=10" - }, - "peerDependencies": { - "react": ">=16" - } - }, "node_modules/picocolors": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", diff --git a/package.json b/package.json index 9cf13cc..35d723a 100644 --- a/package.json +++ b/package.json @@ -39,7 +39,7 @@ "size-limit": [ { "path": "dist/boemly.cjs.production.min.js", - "limit": "1.2 MB" + "limit": "1.8 MB" }, { "path": "dist/boemly.esm.js", @@ -84,9 +84,9 @@ "@chakra-ui/react": "^2.0.0", "@emotion/react": "^11.7.1", "@emotion/styled": "^11.6.0", + "@phosphor-icons/react": "^2.0.14", "framer-motion": "^7.3.6", "markdown-to-jsx": "^7.1.6", - "phosphor-react": "^1.4.0", "react-datepicker": "^4.8.0", "react-syntax-highlighter": "^15.5.0", "react-use": "^17.4.0" diff --git a/src/components/BoemlyAlert/BoemlyAlert.tsx b/src/components/BoemlyAlert/BoemlyAlert.tsx index b3be983..bd5c153 100644 --- a/src/components/BoemlyAlert/BoemlyAlert.tsx +++ b/src/components/BoemlyAlert/BoemlyAlert.tsx @@ -1,6 +1,6 @@ import React, { ReactNode } from 'react'; import { Alert, CloseButton, Flex, Text, useToken } from '@chakra-ui/react'; -import { CheckCircle, Info, WarningCircle, WarningOctagon } from 'phosphor-react'; +import { CheckCircle, Info, WarningCircle, WarningOctagon } from '@phosphor-icons/react'; export interface BoemlyAlertProps { status?: 'success' | 'error' | 'warning' | 'info'; diff --git a/src/components/BoemlyFormControl/BoemlyFormControl.stories.tsx b/src/components/BoemlyFormControl/BoemlyFormControl.stories.tsx index 549f27e..7092f42 100644 --- a/src/components/BoemlyFormControl/BoemlyFormControl.stories.tsx +++ b/src/components/BoemlyFormControl/BoemlyFormControl.stories.tsx @@ -8,7 +8,7 @@ import { InputRightAddon, InputRightElement, } from '@chakra-ui/react'; -import { Heart } from 'phosphor-react'; +import { Heart } from '@phosphor-icons/react'; import { BoemlyFormControl } from './BoemlyFormControl'; import { INPUT_SIZES } from '../../constants/inputSizes'; diff --git a/src/components/BoemlyFormControl/BoemlyFormControl.test.tsx b/src/components/BoemlyFormControl/BoemlyFormControl.test.tsx index 7f9541f..d3c506f 100644 --- a/src/components/BoemlyFormControl/BoemlyFormControl.test.tsx +++ b/src/components/BoemlyFormControl/BoemlyFormControl.test.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { InputLeftElement, InputRightElement } from '@chakra-ui/react'; -import { Heart } from 'phosphor-react'; +import { Heart } from '@phosphor-icons/react'; import { render, screen } from '../../test/testUtils'; import { BoemlyFormControlProps } from './BoemlyFormControl'; import { BoemlyFormControl } from '.'; diff --git a/src/components/BoemlyFormControl/BoemlyFormControl.tsx b/src/components/BoemlyFormControl/BoemlyFormControl.tsx index 00b4ff0..8c0ddfd 100644 --- a/src/components/BoemlyFormControl/BoemlyFormControl.tsx +++ b/src/components/BoemlyFormControl/BoemlyFormControl.tsx @@ -25,7 +25,7 @@ import { useMediaQuery, useToken, } from '@chakra-ui/react'; -import { CaretDown, CaretUp, Check, WarningOctagon } from 'phosphor-react'; +import { CaretDown, CaretUp, Check, WarningOctagon } from '@phosphor-icons/react'; import { DatePicker, DatePickerProps } from '../DatePicker/DatePicker'; import InputSize from '../../types/InputSize'; import { SliderProps } from '../Slider/Slider'; diff --git a/src/components/BoemlyList/BoemlyList.stories.tsx b/src/components/BoemlyList/BoemlyList.stories.tsx index f0e43b7..19bf7f7 100644 --- a/src/components/BoemlyList/BoemlyList.stories.tsx +++ b/src/components/BoemlyList/BoemlyList.stories.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { StoryFn, Meta } from '@storybook/react'; -import { Heart } from 'phosphor-react'; +import { Heart } from '@phosphor-icons/react'; import { BoemlyList } from './BoemlyList'; import { TEXT_SIZES } from '../../constants/textSizes'; diff --git a/src/components/BoemlyList/BoemlyList.test.tsx b/src/components/BoemlyList/BoemlyList.test.tsx index b0f3ea0..02c2ba5 100644 --- a/src/components/BoemlyList/BoemlyList.test.tsx +++ b/src/components/BoemlyList/BoemlyList.test.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Heart } from 'phosphor-react'; +import { Heart } from '@phosphor-icons/react'; import { render, screen } from '../../test/testUtils'; import { BoemlyListProps } from './BoemlyList'; import { BoemlyList } from '.'; diff --git a/src/components/BoemlySteps/BoemlySteps.tsx b/src/components/BoemlySteps/BoemlySteps.tsx index 5216440..f310007 100644 --- a/src/components/BoemlySteps/BoemlySteps.tsx +++ b/src/components/BoemlySteps/BoemlySteps.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { Flex, Text, useToken, Stack } from '@chakra-ui/react'; import type { StackDirection } from '@chakra-ui/react'; -import { Check } from 'phosphor-react'; +import { Check } from '@phosphor-icons/react'; import StepDivider from './StepDivider'; export interface BoemlyStepsProps { diff --git a/src/components/BoemlyThemeProvider/BoemlyThemeProvider.tsx b/src/components/BoemlyThemeProvider/BoemlyThemeProvider.tsx index 2330147..b3f6416 100644 --- a/src/components/BoemlyThemeProvider/BoemlyThemeProvider.tsx +++ b/src/components/BoemlyThemeProvider/BoemlyThemeProvider.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { ChakraProvider, Colors } from '@chakra-ui/react'; -import { IconContext } from 'phosphor-react'; +import { IconContext } from '@phosphor-icons/react'; import { Global } from '@emotion/react'; import getTheme from '../../utils/getTheme'; import iconCustomizations from '../../constants/iconCustomizations'; diff --git a/src/components/ContactArea/ContactArea.tsx b/src/components/ContactArea/ContactArea.tsx index fbf5a67..3aac7bc 100644 --- a/src/components/ContactArea/ContactArea.tsx +++ b/src/components/ContactArea/ContactArea.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { Box, Button, Divider, Heading, Text } from '@chakra-ui/react'; -import { ArrowRight } from 'phosphor-react'; +import { ArrowRight } from '@phosphor-icons/react'; import { AvatarWithName, AvatarWithNameProps } from '../AvatarWithName/AvatarWithName'; import { Container } from '../Container'; diff --git a/src/components/DatePicker/DatePicker.tsx b/src/components/DatePicker/DatePicker.tsx index 3039871..3e5cba1 100644 --- a/src/components/DatePicker/DatePicker.tsx +++ b/src/components/DatePicker/DatePicker.tsx @@ -11,7 +11,7 @@ import { Select, Spacer, } from '@chakra-ui/react'; -import { CalendarBlank, CaretLeft, CaretRight } from 'phosphor-react'; +import { CalendarBlank, CaretLeft, CaretRight } from '@phosphor-icons/react'; import React, { useMemo, useRef } from 'react'; import ReactDatePicker, { registerLocale } from 'react-datepicker'; import de from 'date-fns/locale/de'; diff --git a/src/components/Expandable/Expandable.stories.tsx b/src/components/Expandable/Expandable.stories.tsx index 1cccbc9..f7b079f 100644 --- a/src/components/Expandable/Expandable.stories.tsx +++ b/src/components/Expandable/Expandable.stories.tsx @@ -1,7 +1,7 @@ import React, { useEffect } from 'react'; import { StoryFn, Meta } from '@storybook/react'; -import { Heart } from 'phosphor-react'; +import { Heart } from '@phosphor-icons/react'; import { Heading, Tag, useDisclosure } from '@chakra-ui/react'; import { Expandable } from './Expandable'; diff --git a/src/components/Expandable/Expandable.tsx b/src/components/Expandable/Expandable.tsx index d770c60..35902fa 100644 --- a/src/components/Expandable/Expandable.tsx +++ b/src/components/Expandable/Expandable.tsx @@ -1,6 +1,6 @@ import { Box, Heading, IconButton, Flex, Text, Spinner } from '@chakra-ui/react'; import { motion, useAnimation } from 'framer-motion'; -import { CaretDown, CaretUp } from 'phosphor-react'; +import { CaretDown, CaretUp } from '@phosphor-icons/react'; import React, { useEffect } from 'react'; import { Container } from '../Container'; diff --git a/src/components/PortfolioCard/PortfolioCard.tsx b/src/components/PortfolioCard/PortfolioCard.tsx index 439ab96..0c45524 100644 --- a/src/components/PortfolioCard/PortfolioCard.tsx +++ b/src/components/PortfolioCard/PortfolioCard.tsx @@ -1,6 +1,6 @@ import { Box, Button, Center, Divider, Flex, Heading, SimpleGrid, Text } from '@chakra-ui/react'; import { css } from '@emotion/react'; -import { Heart } from 'phosphor-react'; +import { Heart } from '@phosphor-icons/react'; import React, { ReactNode } from 'react'; export interface PortfolioCardProps { diff --git a/src/components/ProjectCard/ProjectCard.tsx b/src/components/ProjectCard/ProjectCard.tsx index 86b0eb5..eb22521 100644 --- a/src/components/ProjectCard/ProjectCard.tsx +++ b/src/components/ProjectCard/ProjectCard.tsx @@ -1,6 +1,6 @@ import { Box, Divider, Heading, SimpleGrid, Text, useToken } from '@chakra-ui/react'; import { css } from '@emotion/react'; -import { ArrowsOutSimple, MapPin } from 'phosphor-react'; +import { ArrowsOutSimple, MapPin } from '@phosphor-icons/react'; import React, { ReactNode } from 'react'; export interface ProjectCardProps { diff --git a/src/components/RichText/RichText.stories.tsx b/src/components/RichText/RichText.stories.tsx index 2ea2189..a3fee7c 100644 --- a/src/components/RichText/RichText.stories.tsx +++ b/src/components/RichText/RichText.stories.tsx @@ -3,7 +3,7 @@ import { StoryFn, Meta } from '@storybook/react'; import { RichText } from './RichText'; import { storybookCoverUrl } from '../../test/storybookMedia'; -import { Heart } from 'phosphor-react'; +import { Heart } from '@phosphor-icons/react'; export default { title: 'components/RichText', diff --git a/src/components/TextCardWithIcon/TextCardWithIcon.stories.tsx b/src/components/TextCardWithIcon/TextCardWithIcon.stories.tsx index 7233616..07b1f8e 100644 --- a/src/components/TextCardWithIcon/TextCardWithIcon.stories.tsx +++ b/src/components/TextCardWithIcon/TextCardWithIcon.stories.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { StoryFn, Meta } from '@storybook/react'; import { TextCardWithIcon } from './TextCardWithIcon'; -import { Heart } from 'phosphor-react'; +import { Heart } from '@phosphor-icons/react'; export default { title: 'components/TextCardWithIcon', diff --git a/src/constants/componentCustomizations.tsx b/src/constants/componentCustomizations.tsx index 3bf0928..d4a1b1f 100644 --- a/src/constants/componentCustomizations.tsx +++ b/src/constants/componentCustomizations.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { CaretDown } from 'phosphor-react'; +import { CaretDown } from '@phosphor-icons/react'; export const CustomizedHeading = { baseStyle: { diff --git a/src/constants/iconCustomizations.ts b/src/constants/iconCustomizations.ts index c73c7f3..195afff 100644 --- a/src/constants/iconCustomizations.ts +++ b/src/constants/iconCustomizations.ts @@ -1,4 +1,4 @@ -import { IconProps } from 'phosphor-react'; +import { IconProps } from '@phosphor-icons/react'; import { COLORS } from './customizations'; const iconCustomizations: IconProps = { diff --git a/src/stories/components/Button.stories.tsx b/src/stories/components/Button.stories.tsx index 4913153..cbf48da 100644 --- a/src/stories/components/Button.stories.tsx +++ b/src/stories/components/Button.stories.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { Meta, StoryFn } from '@storybook/react'; import { Button } from '../..'; -import { Heart } from 'phosphor-react'; +import { Heart } from '@phosphor-icons/react'; import { COLOR_SCHEMES } from '../../constants/colorSchemes'; import { BUTTON_VARIANTS } from '../../constants/buttonVariants'; diff --git a/src/stories/components/IconButton.stories.tsx b/src/stories/components/IconButton.stories.tsx index cfdc5b5..796f9e1 100644 --- a/src/stories/components/IconButton.stories.tsx +++ b/src/stories/components/IconButton.stories.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { Meta, StoryFn } from '@storybook/react'; import { IconButton } from '../..'; -import { Heart } from 'phosphor-react'; +import { Heart } from '@phosphor-icons/react'; import { COLOR_SCHEMES } from '../../constants/colorSchemes'; import { BUTTON_VARIANTS } from '../../constants/buttonVariants';