From a6f57cef7f65a0192180b80e77db45492609a110 Mon Sep 17 00:00:00 2001 From: badahertz52 Date: Sun, 21 Jul 2024 10:52:30 +0900 Subject: [PATCH] =?UTF-8?q?[FE]=20fix=20:=20stylelint=20=EC=A0=81=EC=9A=A9?= =?UTF-8?q?=20=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95=20=20(#66)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * fix: stylelint를 통한 css 속성 정렬 기능 오류 수정 - stylelint 버전16과 충돌되는 플러그인 삭제 : stylelint-config-prettier, stylelint-prettier - css 정렬에 필요하지 않은 플러그인 삭제 : stylelint-config-standard, stylelint-config-styled-componented, stylelint-webpack-plugin - 추가로 설치한 플러그인: postcss-syntax, @stylelint/postcss-css-in-js - stylelint 적용 script 추가 - .stylelintrc.json 수정 : css 관련 rule 설정 * refactor: stylelint 적용에 따른 css 속성 정렬 --- frontend/.stylelintrc.json | 304 +----------------- frontend/package.json | 11 +- .../src/components/common/Button/styles.ts | 12 +- .../components/common/SearchInput/styles.ts | 7 +- .../src/components/layouts/Main/styles.ts | 11 +- .../components/layouts/PageLayout/styles.ts | 14 +- .../src/components/layouts/Sidebar/styles.ts | 37 ++- .../layouts/Topbar/components/Logo/styles.ts | 3 + .../components/SidebarOpenButton/styles.ts | 1 + .../src/components/layouts/Topbar/styles.ts | 7 +- .../components/ReviewDescription/styles.ts | 9 +- .../components/ReviewQuestion/styles.ts | 2 +- .../src/pages/DetailedReviewPage/styles.ts | 7 +- .../components/KeywordButton/styles.ts | 6 +- .../components/ReviewItem/styles.ts | 11 +- .../components/RevieweeComment/styles.ts | 10 +- frontend/src/pages/ReviewWriting/styles.ts | 18 +- frontend/yarn.lock | 292 ++++++++--------- 18 files changed, 222 insertions(+), 540 deletions(-) diff --git a/frontend/.stylelintrc.json b/frontend/.stylelintrc.json index 189f5f68a..9c644d2c4 100644 --- a/frontend/.stylelintrc.json +++ b/frontend/.stylelintrc.json @@ -1,297 +1,13 @@ { - "extends": [ - "stylelint-config-standard", - "stylelint-config-styled-components", - "stylelint-prettier/recommended" - ], - "plugins": [ - "stylelint-order", - "stylelint-prettier" - ], + "extends": ["stylelint-config-clean-order"], + "plugins": ["stylelint-order"], + "customSyntax": "@stylelint/postcss-css-in-js", "rules": { - "prettier/prettier": true, - "order/properties-order": [ - [ - "all", - "position", - "top", - "right", - "bottom", - "left", - "z-index", - "display", - "flex", - "flex-grow", - "flex-shrink", - "flex-basis", - "flex-direction", - "flex-wrap", - "justify-content", - "align-items", - "align-self", - "order", - "float", - "clear", - "box-sizing", - "width", - "min-width", - "max-width", - "height", - "min-height", - "max-height", - "margin", - "margin-top", - "margin-right", - "margin-bottom", - "margin-left", - "padding", - "padding-top", - "padding-right", - "padding-bottom", - "padding-left", - "overflow", - "overflow-x", - "overflow-y", - "clip", - "border", - "border-width", - "border-style", - "border-color", - "border-top", - "border-top-width", - "border-top-style", - "border-top-color", - "border-right", - "border-right-width", - "border-right-style", - "border-right-color", - "border-bottom", - "border-bottom-width", - "border-bottom-style", - "border-bottom-color", - "border-left", - "border-left-width", - "border-left-style", - "border-left-color", - "border-radius", - "border-top-left-radius", - "border-top-right-radius", - "border-bottom-right-radius", - "border-bottom-left-radius", - "border-image", - "border-image-source", - "border-image-slice", - "border-image-width", - "border-image-outset", - "border-image-repeat", - "background", - "background-color", - "background-image", - "background-repeat", - "background-position", - "background-size", - "background-clip", - "background-origin", - "background-attachment", - "color", - "font", - "font-family", - "font-size", - "font-style", - "font-weight", - "font-variant", - "font-size-adjust", - "font-stretch", - "line-height", - "letter-spacing", - "text-align", - "text-decoration", - "text-transform", - "text-indent", - "text-shadow", - "vertical-align", - "white-space", - "word-spacing", - "list-style", - "list-style-type", - "list-style-position", - "list-style-image", - "content", - "quotes", - "counter-reset", - "counter-increment", - "resize", - "cursor", - "visibility", - "opacity", - "filter", - "transition", - "transition-delay", - "transition-timing-function", - "transition-duration", - "transition-property", - "transform", - "transform-origin", - "animation", - "animation-name", - "animation-duration", - "animation-play-state", - "animation-timing-function", - "animation-delay", - "animation-iteration-count", - "animation-direction", - "animation-fill-mode", - "appearance", - "user-select", - "pointer-events", - "direction", - "unicode-bidi", - "writing-mode", - "text-rendering", - "font-feature-settings", - "font-kerning", - "font-variant-ligatures", - "font-variant-caps", - "font-variant-east-asian", - "font-variant-alternates", - "font-variant-numeric", - "font-variant-position", - "font-variant-ligatures", - "break-after", - "break-before", - "break-inside", - "page-break-after", - "page-break-before", - "page-break-inside", - "orphans", - "widows", - "tab-size", - "hyphens", - "line-break", - "overflow-wrap", - "word-break", - "image-rendering", - "shape-rendering", - "text-overflow", - "will-change", - "scroll-behavior", - "scroll-snap-type", - "scroll-snap-align", - "scroll-snap-stop", - "isolation", - "mix-blend-mode", - "background-blend-mode", - "box-decoration-break", - "box-shadow", - "break-before", - "break-inside", - "break-after", - "column-count", - "column-fill", - "column-gap", - "column-rule", - "column-rule-color", - "column-rule-style", - "column-rule-width", - "column-span", - "column-width", - "columns", - "contain", - "content-visibility", - "counter-increment", - "counter-reset", - "cursor", - "filter", - "font-synthesis", - "hanging-punctuation", - "image-orientation", - "image-rendering", - "image-resolution", - "mask", - "mask-clip", - "mask-composite", - "mask-image", - "mask-mode", - "mask-origin", - "mask-position", - "mask-repeat", - "mask-size", - "mask-type", - "object-fit", - "object-position", - "offset", - "offset-anchor", - "offset-distance", - "offset-path", - "offset-rotate", - "outline", - "outline-color", - "outline-offset", - "outline-style", - "outline-width", - "perspective", - "perspective-origin", - "place-content", - "place-items", - "place-self", - "quotes", - "rotate", - "row-gap", - "scale", - "scroll-padding", - "scroll-padding-block", - "scroll-padding-block-end", - "scroll-padding-block-start", - "scroll-padding-bottom", - "scroll-padding-inline", - "scroll-padding-inline-end", - "scroll-padding-inline-start", - "scroll-padding-left", - "scroll-padding-right", - "scroll-padding-top", - "scroll-snap-coordinate", - "scroll-snap-destination", - "scroll-snap-points-x", - "scroll-snap-points-y", - "scroll-snap-type-x", - "scroll-snap-type-y", - "shape-image-threshold", - "shape-margin", - "shape-outside", - "stroke-dasharray", - "stroke-dashoffset", - "stroke-linecap", - "stroke-linejoin", - "stroke-miterlimit", - "stroke-opacity", - "stroke-width", - "tab-size", - "table-layout", - "text-align-last", - "text-combine-upright", - "text-decoration-color", - "text-decoration-line", - "text-decoration-style", - "text-emphasis", - "text-emphasis-color", - "text-emphasis-position", - "text-emphasis-style", - "text-orientation", - "text-underline-position", - "touch-action", - "transform-box", - "transform-style", - "transition-delay", - "transition-duration", - "transition-property", - "transition-timing-function", - "unicode-bidi", - "user-select", - "writing-mode" - ], - { - "unspecified": "bottom" - } - ] + "declaration-empty-line-before": [ + "never", + { + "ignore": ["after-declaration"] + } + ] } -} \ No newline at end of file +} diff --git a/frontend/package.json b/frontend/package.json index 1e2b653a1..0857a8194 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -6,7 +6,8 @@ "scripts": { "dev": "webpack-dev-server --mode=development --open --hot --progress", "start": "webpack serve --open --config webpack.config.js", - "build": "webpack --config webpack.config.js" + "build": "webpack --config webpack.config.js", + "lint:styles": "stylelint \"src/**/styles.ts\" --fix" }, "dependencies": { "@emotion/react": "^11.11.4", @@ -24,6 +25,7 @@ "@babel/preset-react": "^7.24.7", "@babel/preset-typescript": "^7.24.7", "@emotion/babel-plugin": "^11.11.0", + "@stylelint/postcss-css-in-js": "^0.38.0", "@types/react": "^18.3.3", "@types/react-dom": "^18.3.0", "@typescript-eslint/eslint-plugin": "^7.16.0", @@ -38,14 +40,11 @@ "eslint-plugin-react-refresh": "^0.4.8", "html-webpack-plugin": "^5.6.0", "msw": "^2.3.1", + "postcss-syntax": "^0.36.2", "prettier": "^3.3.2", "stylelint": "^16.7.0", - "stylelint-config-prettier": "^9.0.5", - "stylelint-config-standard": "^36.0.1", - "stylelint-config-styled-components": "^0.1.1", + "stylelint-config-clean-order": "^6.1.0", "stylelint-order": "^6.0.4", - "stylelint-prettier": "^5.0.1", - "stylelint-webpack-plugin": "^5.0.1", "typescript": "^5.5.3", "webpack": "^5.92.1", "webpack-cli": "^5.1.4", diff --git a/frontend/src/components/common/Button/styles.ts b/frontend/src/components/common/Button/styles.ts index 80a5e04fb..2e4cdad3d 100644 --- a/frontend/src/components/common/Button/styles.ts +++ b/frontend/src/components/common/Button/styles.ts @@ -4,22 +4,22 @@ import { ButtonType } from '@/types/styles'; export const Button = styled.button<{ buttonType: ButtonType }>` display: flex; - justify-content: center; align-items: center; + justify-content: center; width: 10rem; height: 4rem; + padding: 2rem; - background-color: ${({ theme, buttonType }) => - buttonType === 'primary' ? theme.colors.primary : theme.colors.white}; color: ${({ theme, buttonType }) => (buttonType === 'primary' ? theme.colors.white : theme.colors.pri)}; + background-color: ${({ theme, buttonType }) => + buttonType === 'primary' ? theme.colors.primary : theme.colors.white}; border: 0.1rem solid ${({ theme }) => theme.colors.primary}; border-radius: 0.8rem; - padding: 2rem; &:hover { - background-color: ${({ theme, buttonType }) => (buttonType ? theme.colors.primaryHover : theme.colors.lightGray)};\ - color: ${({ theme }) => theme.colors.black} + color: ${({ theme }) => theme.colors.black}; + background-color: ${({ theme, buttonType }) => (buttonType ? theme.colors.primaryHover : theme.colors.lightGray)}; } `; diff --git a/frontend/src/components/common/SearchInput/styles.ts b/frontend/src/components/common/SearchInput/styles.ts index d4393aac1..76f729a95 100644 --- a/frontend/src/components/common/SearchInput/styles.ts +++ b/frontend/src/components/common/SearchInput/styles.ts @@ -5,9 +5,10 @@ interface InputProps { $height: string; } export const Input = styled.input` - border: 1px solid ${({ theme }) => theme.colors.black}; - border-radius: 1.5rem; - height: ${(props) => props.$height}; width: ${(props) => props.$width}; + height: ${(props) => props.$height}; padding: 1.6rem; + + border: 1px solid ${({ theme }) => theme.colors.black}; + border-radius: 1.5rem; `; diff --git a/frontend/src/components/layouts/Main/styles.ts b/frontend/src/components/layouts/Main/styles.ts index 1867810b3..2a335b1e3 100644 --- a/frontend/src/components/layouts/Main/styles.ts +++ b/frontend/src/components/layouts/Main/styles.ts @@ -2,20 +2,23 @@ import styled from '@emotion/styled'; export const MainContainer = styled.div` display: flex; - justify-content: center; align-items: center; + justify-content: center; + margin-top: 6rem; padding: 0 3rem; `; export const Contents = styled.div` - height: 100%; - width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; + box-sizing: border-box; - border-radius: 0.5rem; + width: 100%; max-width: ${({ theme }) => theme.breakpoints.desktop}; + height: 100%; + + border-radius: 0.5rem; `; diff --git a/frontend/src/components/layouts/PageLayout/styles.ts b/frontend/src/components/layouts/PageLayout/styles.ts index 9f7c83146..e9ebc1de1 100644 --- a/frontend/src/components/layouts/PageLayout/styles.ts +++ b/frontend/src/components/layouts/PageLayout/styles.ts @@ -6,17 +6,13 @@ export const Layout = styled.div` `; export const Wrapper = styled.div` - width: inherit; - //margin: 0 auto; position: relative; - background-color: ${({ theme }) => theme.colors.white}; - //max-width: ${({ theme }) => theme.breakpoints.desktop}; + + overflow-x: hidden; display: flex; flex-direction: column; - overflow-x: hidden; - /* @media screen and (min-width: ${({ theme }) => theme.breakpoints.desktop}) { - width: ${({ theme }) => theme.breakpoints.desktop}; - margin: 0 auto; - } */ + width: inherit; + + background-color: ${({ theme }) => theme.colors.white}; `; diff --git a/frontend/src/components/layouts/Sidebar/styles.ts b/frontend/src/components/layouts/Sidebar/styles.ts index 1227288c5..a82cbbd9a 100644 --- a/frontend/src/components/layouts/Sidebar/styles.ts +++ b/frontend/src/components/layouts/Sidebar/styles.ts @@ -4,21 +4,23 @@ interface SidebarProps { $isOpen: boolean; } export const Sidebar = styled.div` - width: ${({ theme }) => theme.sidebarWidth.desktop}; - height: 100vh; position: fixed; + z-index: ${({ theme }) => theme.zIndex.sidebar}; left: 0; + transform: translateX(${(props) => (props.$isOpen ? 0 : '-100%')}); display: flex; flex-direction: column; - padding: 1rem 1rem 0.7rem 1rem; - transform: translateX(${(props) => (props.$isOpen ? 0 : '-100%')}); - background-color: #ffffff; + width: ${({ theme }) => theme.sidebarWidth.desktop}; + height: 100vh; + padding: 1rem 1rem 0.7rem; + + background-color: #fff; + filter: drop-shadow(0.25rem 0.25rem 0.25rem lightgrey); border-radius: 0 1rem 1rem 0; + transition: transform 1s ease-in-out; - z-index: ${({ theme }) => theme.zIndex.sidebar}; - filter: drop-shadow(0.25rem 0.25rem 0.25rem lightgrey); @media screen and (max-width: ${({ theme }) => theme.breakpoints.mobile}) { width: ${({ theme }) => theme.sidebarWidth.mobile}; @@ -26,13 +28,12 @@ export const Sidebar = styled.div` `; export const Top = styled.div` - width: 100%; - height: 3rem; - display: flex; - justify-content: space-between; align-items: center; + justify-content: space-between; + width: 100%; + height: 3rem; margin-bottom: 5rem; `; @@ -42,27 +43,29 @@ export const MenuList = styled.ul` `; export const MenuItem = styled.li<{ selected: boolean }>` + cursor: pointer; + display: flex; align-items: center; - height: 3.5rem; + height: 3.5rem; padding-left: 1rem; + font-size: 1.2rem; font-weight: 700; - cursor: pointer; + color: ${({ selected }) => (selected ? '#7361df' : 'none')}; border-left: ${({ selected }) => (selected ? '2px solid #7361df' : 'none')}; - color: ${({ selected }) => (selected ? '#7361df' : 'none')}; &:hover { - border-left: 2px solid #7361df; - color: #7361df; font-weight: 800; + color: #7361df; + border-left: 2px solid #7361df; } a:visited, a:active, - a:-webkit-any-link { + a:any-link { text-decoration-line: none; } `; diff --git a/frontend/src/components/layouts/Topbar/components/Logo/styles.ts b/frontend/src/components/layouts/Topbar/components/Logo/styles.ts index f0a0c2da5..ce18e1fb9 100644 --- a/frontend/src/components/layouts/Topbar/components/Logo/styles.ts +++ b/frontend/src/components/layouts/Topbar/components/Logo/styles.ts @@ -4,6 +4,7 @@ export const Logo = styled.div` display: flex; gap: 0.5rem; align-items: center; + img { width: 4rem; height: 4rem; @@ -13,11 +14,13 @@ export const Logo = styled.div` export const LogoText = styled.div` line-height: 8rem; text-align: center; + span { font-size: 3rem; font-weight: ${({ theme }) => theme.fontWeight.bolder}; letter-spacing: 0.7rem; } + span:last-child { margin-left: 0.7rem; color: ${({ theme }) => theme.colors.primary}; diff --git a/frontend/src/components/layouts/Topbar/components/SidebarOpenButton/styles.ts b/frontend/src/components/layouts/Topbar/components/SidebarOpenButton/styles.ts index 8f26590c1..6d75aaf1e 100644 --- a/frontend/src/components/layouts/Topbar/components/SidebarOpenButton/styles.ts +++ b/frontend/src/components/layouts/Topbar/components/SidebarOpenButton/styles.ts @@ -3,6 +3,7 @@ import styled from '@emotion/styled'; export const HamburgerButton = styled.button` width: 3.7rem; height: 3.7rem; + img { width: 100%; height: 100%; diff --git a/frontend/src/components/layouts/Topbar/styles.ts b/frontend/src/components/layouts/Topbar/styles.ts index 2deb2e9a4..69bda354f 100644 --- a/frontend/src/components/layouts/Topbar/styles.ts +++ b/frontend/src/components/layouts/Topbar/styles.ts @@ -1,19 +1,20 @@ import styled from '@emotion/styled'; export const Layout = styled.section` - width: 100%; display: flex; justify-content: space-between; + + box-sizing: border-box; + width: 100%; height: 8rem; padding: 1.8rem 2.5rem; - box-sizing: border-box; `; export const Container = styled.div` display: flex; gap: 2rem; - height: 100%; align-items: center; + height: 100%; `; export const UserProfile = styled.img` diff --git a/frontend/src/pages/DetailedReviewPage/components/ReviewDescription/styles.ts b/frontend/src/pages/DetailedReviewPage/components/ReviewDescription/styles.ts index b2250b22d..ce142dfe3 100644 --- a/frontend/src/pages/DetailedReviewPage/components/ReviewDescription/styles.ts +++ b/frontend/src/pages/DetailedReviewPage/components/ReviewDescription/styles.ts @@ -1,9 +1,9 @@ import styled from '@emotion/styled'; export const Description = styled.ul` + width: 100%; margin: 0; padding-left: 0; - width: 100%; `; export const ProjectAndLockButtonContainer = styled.div` @@ -12,20 +12,21 @@ export const ProjectAndLockButtonContainer = styled.div` width: 100%; `; export const ListItem = styled.li` - list-style: none; padding: 0; + list-style: none; + span { display: inline-block; } `; export const Title = styled.span` + width: 6rem; font-size: 1.1rem; font-weight: bold; - width: 6rem; `; export const Clone = styled.span` - font-size: 1rem; margin: 0 0.5rem; + font-size: 1rem; `; export const Contents = styled.span` font-size: 1rem; diff --git a/frontend/src/pages/DetailedReviewPage/components/ReviewQuestion/styles.ts b/frontend/src/pages/DetailedReviewPage/components/ReviewQuestion/styles.ts index 7ebc624bd..a230cccfd 100644 --- a/frontend/src/pages/DetailedReviewPage/components/ReviewQuestion/styles.ts +++ b/frontend/src/pages/DetailedReviewPage/components/ReviewQuestion/styles.ts @@ -1,7 +1,7 @@ import styled from '@emotion/styled'; export const Question = styled.p` + margin-bottom: 0.5rem; font-size: 1rem; font-weight: bold; - margin-bottom: 0.5rem; `; diff --git a/frontend/src/pages/DetailedReviewPage/styles.ts b/frontend/src/pages/DetailedReviewPage/styles.ts index e5a4c2f1c..2dcecf0f4 100644 --- a/frontend/src/pages/DetailedReviewPage/styles.ts +++ b/frontend/src/pages/DetailedReviewPage/styles.ts @@ -1,10 +1,11 @@ import styled from '@emotion/styled'; export const DetailedReview = styled.div` - padding: 1rem; + box-sizing: border-box; width: 40rem; + min-height: calc(100vh - 3rem); margin-top: 3rem; + padding: 1rem; + border: 1px solid black; - min-height: calc(100vh - 3rem); - box-sizing: border-box; `; diff --git a/frontend/src/pages/ReviewWriting/components/KeywordButton/styles.ts b/frontend/src/pages/ReviewWriting/components/KeywordButton/styles.ts index fa73d37d7..27cae0277 100644 --- a/frontend/src/pages/ReviewWriting/components/KeywordButton/styles.ts +++ b/frontend/src/pages/ReviewWriting/components/KeywordButton/styles.ts @@ -2,18 +2,18 @@ import styled from '@emotion/styled'; export const KeywordButton = styled.button<{ isSelected: boolean }>` display: flex; - justify-content: flex-start; align-items: center; + justify-content: flex-start; width: 30rem; height: 5rem; + padding: 2rem; - background-color: ${({ theme, isSelected }) => (isSelected ? '#E6E3F9' : theme.colors.white)}; color: black; + background-color: ${({ theme, isSelected }) => (isSelected ? '#E6E3F9' : theme.colors.white)}; border: 0.2rem solid ${({ theme, isSelected }) => (isSelected ? theme.colors.primary : theme.colors.lightGray)}; border-radius: 2rem; - padding: 2rem; &:hover { background-color: ${({ theme, isSelected }) => (isSelected ? theme.colors.primaryHover : theme.colors.lightGray)}; diff --git a/frontend/src/pages/ReviewWriting/components/ReviewItem/styles.ts b/frontend/src/pages/ReviewWriting/components/ReviewItem/styles.ts index 68fc32dee..ff4c067f7 100644 --- a/frontend/src/pages/ReviewWriting/components/ReviewItem/styles.ts +++ b/frontend/src/pages/ReviewWriting/components/ReviewItem/styles.ts @@ -3,7 +3,6 @@ import styled from '@emotion/styled'; export const ReviewItem = styled.article` display: flex; flex-direction: column; - margin-bottom: 1.6rem; & > * { @@ -14,13 +13,13 @@ export const ReviewItem = styled.article` export const ReviewQuestion = styled.div``; export const ReviewTextarea = styled.textarea` + resize: none; + width: 100%; - height: 10rem; max-width: 100%; - - padding: 1.6rem; - border-radius: 1.6rem; + height: 10rem; margin-top: 0.8rem; + padding: 1.6rem; - resize: none; + border-radius: 1.6rem; `; diff --git a/frontend/src/pages/ReviewWriting/components/RevieweeComment/styles.ts b/frontend/src/pages/ReviewWriting/components/RevieweeComment/styles.ts index 8749f80a0..cb9515426 100644 --- a/frontend/src/pages/ReviewWriting/components/RevieweeComment/styles.ts +++ b/frontend/src/pages/ReviewWriting/components/RevieweeComment/styles.ts @@ -2,15 +2,15 @@ import styled from '@emotion/styled'; export const RevieweeComment = styled.section` display: flex; - justify-content: flex-start; align-items: center; + justify-content: flex-start; height: 3.5rem; - - padding: 1rem; margin: 1rem 0; - border-left: 4px solid ${({ theme }) => theme.colors.black}; + padding: 1rem; - background-color: ${({ theme }) => theme.colors.white}; color: ${({ theme }) => theme.colors.black}; + + background-color: ${({ theme }) => theme.colors.white}; + border-left: 4px solid ${({ theme }) => theme.colors.black}; `; diff --git a/frontend/src/pages/ReviewWriting/styles.ts b/frontend/src/pages/ReviewWriting/styles.ts index 6ca5fd090..c59ce62d7 100644 --- a/frontend/src/pages/ReviewWriting/styles.ts +++ b/frontend/src/pages/ReviewWriting/styles.ts @@ -3,31 +3,29 @@ import styled from '@emotion/styled'; export const ReviewWritingPage = styled.form` display: flex; flex-direction: column; + width: 80rem; height: fit-content; + border-top: 0.5rem solid #aedaff; `; export const ReviewFormHeader = styled.header` display: flex; flex-direction: column; - gap: 1rem; margin-bottom: 3rem; `; export const InfoContainer = styled.div` display: flex; - gap: 1.5rem; `; export const Container = styled.div` display: flex; flex-direction: column; - justify-content: space-between; - width: 100%; `; @@ -54,7 +52,6 @@ export const Reviewee = styled.div` export const ReviewExpirationDate = styled.div` display: flex; - gap: 0.5rem; `; @@ -72,15 +69,13 @@ export const ReviewContainer = styled.section` export const ButtonContainer = styled.div` display: flex; - justify-content: flex-end; - gap: 1rem; + justify-content: flex-end; `; export const Button = styled.button` width: 3.5rem; height: 2rem; - border: 0.0625rem solid black; `; @@ -97,21 +92,18 @@ export const KeywordTitle = styled.div` export const KeywordList = styled.ul` display: flex; flex-direction: column; - gap: 1rem; - margin: 1rem 0; `; export const KeywordItem = styled.li` display: flex; - align-items: center; - gap: 0.5rem; + align-items: center; & > input { + top: 0.09375rem; width: 1rem; height: 1rem; - top: 0.09375rem; } `; diff --git a/frontend/yarn.lock b/frontend/yarn.lock index 19dee1f2c..34bb19c4e 100644 --- a/frontend/yarn.lock +++ b/frontend/yarn.lock @@ -23,6 +23,32 @@ resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.7.tgz#d23bbea508c3883ba8251fb4164982c36ea577ed" integrity sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw== +"@babel/compat-data@^7.24.8": + version "7.24.9" + resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.9.tgz#53eee4e68f1c1d0282aa0eb05ddb02d033fc43a0" + integrity sha512-e701mcfApCJqMMueQI0Fb68Amflj83+dvAvHawoBpAz+GDjCIyGHzNwnefjsWJ3xiYAqqiQFoWbspGYBdb2/ng== + +"@babel/core@^7.17.9": + version "7.24.9" + resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.9.tgz#dc07c9d307162c97fa9484ea997ade65841c7c82" + integrity sha512-5e3FI4Q3M3Pbr21+5xJwCv6ZT6KmGkI0vw3Tozy5ODAQFTIWe37iT8Cr7Ice2Ntb+M3iSKCEWMB1MBgKrW3whg== + dependencies: + "@ampproject/remapping" "^2.2.0" + "@babel/code-frame" "^7.24.7" + "@babel/generator" "^7.24.9" + "@babel/helper-compilation-targets" "^7.24.8" + "@babel/helper-module-transforms" "^7.24.9" + "@babel/helpers" "^7.24.8" + "@babel/parser" "^7.24.8" + "@babel/template" "^7.24.7" + "@babel/traverse" "^7.24.8" + "@babel/types" "^7.24.9" + convert-source-map "^2.0.0" + debug "^4.1.0" + gensync "^1.0.0-beta.2" + json5 "^2.2.3" + semver "^6.3.1" + "@babel/core@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.7.tgz#b676450141e0b52a3d43bc91da86aa608f950ac4" @@ -54,6 +80,16 @@ "@jridgewell/trace-mapping" "^0.3.25" jsesc "^2.5.1" +"@babel/generator@^7.24.8", "@babel/generator@^7.24.9": + version "7.24.10" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.10.tgz#a4ab681ec2a78bbb9ba22a3941195e28a81d8e76" + integrity sha512-o9HBZL1G2129luEUlG1hB4N/nlYNWHnpwlND9eOMclRqqu1YDy2sSYVCFUZwl8I1Gxh+QSRrP2vD7EpUmFVXxg== + dependencies: + "@babel/types" "^7.24.9" + "@jridgewell/gen-mapping" "^0.3.5" + "@jridgewell/trace-mapping" "^0.3.25" + jsesc "^2.5.1" + "@babel/helper-annotate-as-pure@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz#5373c7bc8366b12a033b4be1ac13a206c6656aab" @@ -80,6 +116,17 @@ lru-cache "^5.1.1" semver "^6.3.1" +"@babel/helper-compilation-targets@^7.24.8": + version "7.24.8" + resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.24.8.tgz#b607c3161cd9d1744977d4f97139572fe778c271" + integrity sha512-oU+UoqCHdp+nWVDkpldqIQL/i/bvAv53tRqLG/s+cOXxe66zOYLU7ar/Xs3LdmBihrUMEUhwu6dMZwbNOYDwvw== + dependencies: + "@babel/compat-data" "^7.24.8" + "@babel/helper-validator-option" "^7.24.8" + browserslist "^4.23.1" + lru-cache "^5.1.1" + semver "^6.3.1" + "@babel/helper-create-class-features-plugin@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.7.tgz#2eaed36b3a1c11c53bdf80d53838b293c52f5b3b" @@ -164,6 +211,17 @@ "@babel/helper-split-export-declaration" "^7.24.7" "@babel/helper-validator-identifier" "^7.24.7" +"@babel/helper-module-transforms@^7.24.9": + version "7.24.9" + resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.24.9.tgz#e13d26306b89eea569180868e652e7f514de9d29" + integrity sha512-oYbh+rtFKj/HwBQkFlUzvcybzklmVdVV3UU+mN7n2t/q3yGHbuVdNxyFvSBO1tfvjyArpHNcWMAzsSPdyI46hw== + dependencies: + "@babel/helper-environment-visitor" "^7.24.7" + "@babel/helper-module-imports" "^7.24.7" + "@babel/helper-simple-access" "^7.24.7" + "@babel/helper-split-export-declaration" "^7.24.7" + "@babel/helper-validator-identifier" "^7.24.7" + "@babel/helper-optimise-call-expression@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.24.7.tgz#8b0a0456c92f6b323d27cfd00d1d664e76692a0f" @@ -222,6 +280,11 @@ resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz#4d2d0f14820ede3b9807ea5fc36dfc8cd7da07f2" integrity sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg== +"@babel/helper-string-parser@^7.24.8": + version "7.24.8" + resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz#5b3329c9a58803d5df425e5785865881a81ca48d" + integrity sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ== + "@babel/helper-validator-identifier@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz#75b889cfaf9e35c2aaf42cf0d72c8e91719251db" @@ -232,6 +295,11 @@ resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.24.7.tgz#24c3bb77c7a425d1742eec8fb433b5a1b38e62f6" integrity sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw== +"@babel/helper-validator-option@^7.24.8": + version "7.24.8" + resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.24.8.tgz#3725cdeea8b480e86d34df15304806a06975e33d" + integrity sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q== + "@babel/helper-wrap-function@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.24.7.tgz#52d893af7e42edca7c6d2c6764549826336aae1f" @@ -250,6 +318,14 @@ "@babel/template" "^7.24.7" "@babel/types" "^7.24.7" +"@babel/helpers@^7.24.8": + version "7.24.8" + resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.8.tgz#2820d64d5d6686cca8789dd15b074cd862795873" + integrity sha512-gV2265Nkcz7weJJfvDoAEVzC1e2OTDpkGbEsebse8koXUJUXPsCMi7sRo/+SPMuMZ9MtUPnGwITTnQnU5YjyaQ== + dependencies: + "@babel/template" "^7.24.7" + "@babel/types" "^7.24.8" + "@babel/highlight@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.7.tgz#a05ab1df134b286558aae0ed41e6c5f731bf409d" @@ -265,6 +341,11 @@ resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.7.tgz#9a5226f92f0c5c8ead550b750f5608e766c8ce85" integrity sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw== +"@babel/parser@^7.24.8": + version "7.24.8" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.8.tgz#58a4dbbcad7eb1d48930524a3fd93d93e9084c6f" + integrity sha512-WzfbgXOkGzZiXXCqk43kKwZjzwx4oulxZi3nq2TYL9mOjQv6kYwul9mz6ID36njuL7Xkp6nJEfok848Zj10j/w== + "@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.24.7": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.24.7.tgz#fd059fd27b184ea2b4c7e646868a9a381bbc3055" @@ -1029,6 +1110,22 @@ debug "^4.3.1" globals "^11.1.0" +"@babel/traverse@^7.24.8": + version "7.24.8" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.8.tgz#6c14ed5232b7549df3371d820fbd9abfcd7dfab7" + integrity sha512-t0P1xxAPzEDcEPmjprAQq19NWum4K0EQPjMwZQZbHt+GiZqvjCHjj755Weq1YRPVzBI+3zSfvScfpnuIecVFJQ== + dependencies: + "@babel/code-frame" "^7.24.7" + "@babel/generator" "^7.24.8" + "@babel/helper-environment-visitor" "^7.24.7" + "@babel/helper-function-name" "^7.24.7" + "@babel/helper-hoist-variables" "^7.24.7" + "@babel/helper-split-export-declaration" "^7.24.7" + "@babel/parser" "^7.24.8" + "@babel/types" "^7.24.8" + debug "^4.3.1" + globals "^11.1.0" + "@babel/types@^7.24.7", "@babel/types@^7.4.4": version "7.24.7" resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.7.tgz#6027fe12bc1aa724cd32ab113fb7f1988f1f66f2" @@ -1038,6 +1135,15 @@ "@babel/helper-validator-identifier" "^7.24.7" to-fast-properties "^2.0.0" +"@babel/types@^7.24.8", "@babel/types@^7.24.9": + version "7.24.9" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.9.tgz#228ce953d7b0d16646e755acf204f4cf3d08cc73" + integrity sha512-xm8XrMKz0IlUdocVbYJe0Z9xEgidU7msskG8BbhnTPK/HZ2z/7FP7ykqPgrUH+C+r414mNfNWam1f2vqOjqjYQ== + dependencies: + "@babel/helper-string-parser" "^7.24.8" + "@babel/helper-validator-identifier" "^7.24.7" + to-fast-properties "^2.0.0" + "@bundled-es-modules/cookie@^2.0.0": version "2.0.0" resolved "https://registry.yarnpkg.com/@bundled-es-modules/cookie/-/cookie-2.0.0.tgz#c3b82703969a61cf6a46e959a012b2c257f6b164" @@ -1291,25 +1397,6 @@ wrap-ansi "^8.1.0" wrap-ansi-cjs "npm:wrap-ansi@^7.0.0" -"@jest/schemas@^29.6.3": - version "29.6.3" - resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.6.3.tgz#430b5ce8a4e0044a7e3819663305a7b3091c8e03" - integrity sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA== - dependencies: - "@sinclair/typebox" "^0.27.8" - -"@jest/types@^29.6.3": - version "29.6.3" - resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.6.3.tgz#1131f8cf634e7e84c5e77bab12f052af585fba59" - integrity sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw== - dependencies: - "@jest/schemas" "^29.6.3" - "@types/istanbul-lib-coverage" "^2.0.0" - "@types/istanbul-reports" "^3.0.0" - "@types/node" "*" - "@types/yargs" "^17.0.8" - chalk "^4.0.0" - "@jridgewell/gen-mapping@^0.3.5": version "0.3.5" resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz#dcce6aff74bdf6dad1a95802b69b04a2fcb1fb36" @@ -1441,10 +1528,12 @@ resolved "https://registry.yarnpkg.com/@remix-run/router/-/router-1.17.1.tgz#bf93997beb81863fde042ebd05013a2618471362" integrity sha512-mCOMec4BKd6BRGBZeSnGiIgwsbLGp3yhVqAD8H+PxiRNEHgDpZb8J1TnrSDlg97t0ySKMQJTHCWBCmBpSmkF6Q== -"@sinclair/typebox@^0.27.8": - version "0.27.8" - resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.27.8.tgz#6667fac16c436b5434a387a34dedb013198f6e6e" - integrity sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA== +"@stylelint/postcss-css-in-js@^0.38.0": + version "0.38.0" + resolved "https://registry.yarnpkg.com/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.38.0.tgz#eabb061df932744db766f11a153ae1c465b6263c" + integrity sha512-XOz5CAe49kS95p5yRd+DAIWDojTjfmyAQ4bbDlXMdbZTQ5t0ThjSLvWI6JI2uiS7MFurVBkZ6zUqcimzcLTBoQ== + dependencies: + "@babel/core" "^7.17.9" "@tanstack/query-core@5.51.1": version "5.51.1" @@ -1571,25 +1660,6 @@ dependencies: "@types/node" "*" -"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0": - version "2.0.6" - resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz#7739c232a1fee9b4d3ce8985f314c0c6d33549d7" - integrity sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w== - -"@types/istanbul-lib-report@*": - version "3.0.3" - resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz#53047614ae72e19fc0401d872de3ae2b4ce350bf" - integrity sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA== - dependencies: - "@types/istanbul-lib-coverage" "*" - -"@types/istanbul-reports@^3.0.0": - version "3.0.4" - resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz#0f03e3d2f670fbdac586e34b433783070cc16f54" - integrity sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ== - dependencies: - "@types/istanbul-lib-report" "*" - "@types/json-schema@*", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9": version "7.0.15" resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841" @@ -1726,18 +1796,6 @@ dependencies: "@types/node" "*" -"@types/yargs-parser@*": - version "21.0.3" - resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.3.tgz#815e30b786d2e8f0dcd85fd5bcf5e1a04d008f15" - integrity sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ== - -"@types/yargs@^17.0.8": - version "17.0.32" - resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.32.tgz#030774723a2f7faafebf645f4e5a48371dca6229" - integrity sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog== - dependencies: - "@types/yargs-parser" "*" - "@typescript-eslint/eslint-plugin@^7.16.0": version "7.16.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.16.0.tgz#b3563927341eca15124a18c6f94215f779f5c02a" @@ -2343,7 +2401,7 @@ braces@^3.0.3, braces@~3.0.2: dependencies: fill-range "^7.1.1" -browserslist@^4.21.10, browserslist@^4.22.2, browserslist@^4.23.0: +browserslist@^4.21.10, browserslist@^4.22.2, browserslist@^4.23.0, browserslist@^4.23.1: version "4.23.2" resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.23.2.tgz#244fe803641f1c19c28c48c4b6ec9736eb3d32ed" integrity sha512-qkqSyistMYdxAcw+CzbZwlBy8AGmS/eEWs+sEV5TnLRGDOL+C5M2EnH6tlZyg0YoAxGJAFKh61En9BR941GnHA== @@ -2441,11 +2499,6 @@ chrome-trace-event@^1.0.2: resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz#05bffd7ff928465093314708c93bdfa9bd1f0f5b" integrity sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ== -ci-info@^3.2.0: - version "3.9.0" - resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.9.0.tgz#4279a62028a7b1f262f3473fc9605f5e218c59b4" - integrity sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ== - clean-css@^5.2.2: version "5.3.3" resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.3.tgz#b330653cd3bd6b75009cc25c714cae7b93351ccd" @@ -3346,11 +3399,6 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3: resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525" integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q== -fast-diff@^1.1.2: - version "1.3.0" - resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.3.0.tgz#ece407fa550a64d638536cd727e129c61616e0f0" - integrity sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw== - fast-glob@^3.2.9, fast-glob@^3.3.2: version "3.3.2" resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129" @@ -3703,7 +3751,7 @@ gopd@^1.0.1: dependencies: get-intrinsic "^1.1.3" -graceful-fs@^4.1.2, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9: +graceful-fs@^4.1.2, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.6: version "4.2.11" resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3" integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ== @@ -4285,18 +4333,6 @@ jackspeak@^3.1.2: optionalDependencies: "@pkgjs/parseargs" "^0.11.0" -jest-util@^29.7.0: - version "29.7.0" - resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.7.0.tgz#23c2b62bfb22be82b44de98055802ff3710fc0bc" - integrity sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA== - dependencies: - "@jest/types" "^29.6.3" - "@types/node" "*" - chalk "^4.0.0" - ci-info "^3.2.0" - graceful-fs "^4.2.9" - picomatch "^2.2.3" - jest-worker@^27.4.5: version "27.5.1" resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0" @@ -4306,16 +4342,6 @@ jest-worker@^27.4.5: merge-stream "^2.0.0" supports-color "^8.0.0" -jest-worker@^29.7.0: - version "29.7.0" - resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.7.0.tgz#acad073acbbaeb7262bd5389e1bcf43e10058d4a" - integrity sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw== - dependencies: - "@types/node" "*" - jest-util "^29.7.0" - merge-stream "^2.0.0" - supports-color "^8.0.0" - "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499" @@ -4545,7 +4571,7 @@ methods@~1.1.2: resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee" integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w== -micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5, micromatch@^4.0.7: +micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.7: version "4.0.7" resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.7.tgz#33e8190d9fe474a9895525f5618eee136d46c2e5" integrity sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q== @@ -5003,7 +5029,7 @@ picocolors@^1.0.0, picocolors@^1.0.1: resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.1.tgz#a8ad579b571952f0e5d25892de5445bcfe25aaa1" integrity sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew== -picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.1: +picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1: version "2.3.1" resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42" integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA== @@ -5072,6 +5098,11 @@ postcss-sorting@^8.0.2: resolved "https://registry.yarnpkg.com/postcss-sorting/-/postcss-sorting-8.0.2.tgz#6393385ece272baf74bee9820fb1b58098e4eeca" integrity sha512-M9dkSrmU00t/jK7rF6BZSZauA5MAaBW4i5EnJXspMwt4iqTh/L9j6fgMnbElEOfyRyfLfVbIHj/R52zHzAPe1Q== +postcss-syntax@^0.36.2: + version "0.36.2" + resolved "https://registry.yarnpkg.com/postcss-syntax/-/postcss-syntax-0.36.2.tgz#f08578c7d95834574e5593a82dfbfa8afae3b51c" + integrity sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w== + postcss-value-parser@^4.2.0: version "4.2.0" resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514" @@ -5091,13 +5122,6 @@ prelude-ls@^1.2.1: resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396" integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g== -prettier-linter-helpers@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b" - integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w== - dependencies: - fast-diff "^1.1.2" - prettier@^3.3.2: version "3.3.2" resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.2.tgz#03ff86dc7c835f2d2559ee76876a3914cec4a90a" @@ -5710,16 +5734,7 @@ strict-event-emitter@^0.5.1: resolved "https://registry.yarnpkg.com/strict-event-emitter/-/strict-event-emitter-0.5.1.tgz#1602ece81c51574ca39c6815e09f1a3e8550bd93" integrity sha512-vMgjE/GGEPEFnhFub6pa4FmJBRBVOLpIII2hvCZ8Kzb7K0hlHo7mQv6xYrBvCL2LtAIBwFUK8wvuJgTVSQ5MFQ== -"string-width-cjs@npm:string-width@^4.2.0": - version "4.2.3" - resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" - integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== - dependencies: - emoji-regex "^8.0.0" - is-fullwidth-code-point "^3.0.0" - strip-ansi "^6.0.1" - -string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: +"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: version "4.2.3" resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -5797,14 +5812,7 @@ string_decoder@~1.1.1: dependencies: safe-buffer "~5.1.0" -"strip-ansi-cjs@npm:strip-ansi@^6.0.1": - version "6.0.1" - resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" - integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== - dependencies: - ansi-regex "^5.0.1" - -strip-ansi@^6.0.0, strip-ansi@^6.0.1: +"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1: version "6.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== @@ -5833,27 +5841,12 @@ strip-json-comments@^3.1.1: resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006" integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig== -stylelint-config-prettier@^9.0.5: - version "9.0.5" - resolved "https://registry.yarnpkg.com/stylelint-config-prettier/-/stylelint-config-prettier-9.0.5.tgz#9f78bbf31c7307ca2df2dd60f42c7014ee9da56e" - integrity sha512-U44lELgLZhbAD/xy/vncZ2Pq8sh2TnpiPvo38Ifg9+zeioR+LAkHu0i6YORIOxFafZoVg0xqQwex6e6F25S5XA== - -stylelint-config-recommended@^14.0.1: - version "14.0.1" - resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-14.0.1.tgz#d25e86409aaf79ee6c6085c2c14b33c7e23c90c6" - integrity sha512-bLvc1WOz/14aPImu/cufKAZYfXs/A/owZfSMZ4N+16WGXLoX5lOir53M6odBxvhgmgdxCVnNySJmZKx73T93cg== - -stylelint-config-standard@^36.0.1: - version "36.0.1" - resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-36.0.1.tgz#727cbb2a1ef3e210f5ce8329cde531129f156609" - integrity sha512-8aX8mTzJ6cuO8mmD5yon61CWuIM4UD8Q5aBcWKGSf6kg+EC3uhB+iOywpTK4ca6ZL7B49en8yanOFtUW0qNzyw== +stylelint-config-clean-order@^6.1.0: + version "6.1.0" + resolved "https://registry.yarnpkg.com/stylelint-config-clean-order/-/stylelint-config-clean-order-6.1.0.tgz#1726b430339be63a9e6f20fb1e2f29f011b0f766" + integrity sha512-Xe1U0stw57Evdcx+7q7XYAniyE7XAKv/bwfH9LcsFCcKTPZflzTiJLXGkQUsPMlA4cfMyxEebqm5bRN2doTD3w== dependencies: - stylelint-config-recommended "^14.0.1" - -stylelint-config-styled-components@^0.1.1: - version "0.1.1" - resolved "https://registry.yarnpkg.com/stylelint-config-styled-components/-/stylelint-config-styled-components-0.1.1.tgz#b408388d7c687833ab4be4c4e6522d97d2827ede" - integrity sha512-z5Xz/9GmvxO6e/DLzBMwkB85zHxEEjN6K7Cj80Bi+o/9vR9eS3GX3E9VuMnX9WLFYulqbqLtTapGGY28JBiy9Q== + stylelint-order "^6.0.4" stylelint-order@^6.0.4: version "6.0.4" @@ -5863,24 +5856,6 @@ stylelint-order@^6.0.4: postcss "^8.4.32" postcss-sorting "^8.0.2" -stylelint-prettier@^5.0.1: - version "5.0.1" - resolved "https://registry.yarnpkg.com/stylelint-prettier/-/stylelint-prettier-5.0.1.tgz#f89a233d795579ea3b2a10194c550216cce931c9" - integrity sha512-blsBcSiCv7ZNmUadZPo9tv/ZHxTDRUbByn/NUp3irH5AozPFnAE7SHM/md/2DMdQizUwfuD9/3kOKB5+4a1/4Q== - dependencies: - prettier-linter-helpers "^1.0.0" - -stylelint-webpack-plugin@^5.0.1: - version "5.0.1" - resolved "https://registry.yarnpkg.com/stylelint-webpack-plugin/-/stylelint-webpack-plugin-5.0.1.tgz#13a7589a8d4cc00b155b9f792876334ca0bcaf71" - integrity sha512-07lpo1uVoFctKv0EOOg/YSrUppcLMjNBSMRqgooNnlbfAOgQfMzvLK+EbXz0HQiEgZobr+XQX9md/TgwTGdzbw== - dependencies: - globby "^11.1.0" - jest-worker "^29.7.0" - micromatch "^4.0.5" - normalize-path "^3.0.0" - schema-utils "^4.2.0" - stylelint@^16.7.0: version "16.7.0" resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-16.7.0.tgz#5f6acf516aedecba7a6472ba0cc1ffc20e2be86b" @@ -6440,7 +6415,7 @@ word-wrap@^1.2.5: resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34" integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA== -"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0": +"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0: version "7.0.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== @@ -6458,15 +6433,6 @@ wrap-ansi@^6.2.0: string-width "^4.1.0" strip-ansi "^6.0.0" -wrap-ansi@^7.0.0: - version "7.0.0" - resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" - integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== - dependencies: - ansi-styles "^4.0.0" - string-width "^4.1.0" - strip-ansi "^6.0.0" - wrap-ansi@^8.1.0: version "8.1.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"