From 67a4462f0ec3d625ed96cb28236fea16b0f1ac03 Mon Sep 17 00:00:00 2001 From: "armagan.dalkiran" Date: Fri, 17 Jan 2025 11:09:54 +0300 Subject: [PATCH] feat: next 15 upgrade --- gurubu-client/package.json | 18 +- .../room/grooming-navbar/snow-animation.tsx | 2 +- gurubu-client/src/app/room/[id]/page.tsx | 5 +- .../src/app/styles/common/button.scss | 30 +- .../src/app/styles/common/footer.scss | 25 +- gurubu-client/src/app/styles/common/logo.scss | 8 +- .../src/app/styles/common/modal.scss | 4 +- .../src/app/styles/common/navbar.scss | 60 +- .../src/app/styles/common/style.scss | 14 +- .../src/app/styles/error/not-found.scss | 64 +- gurubu-client/src/app/styles/error/style.scss | 6 +- gurubu-client/src/app/styles/globals.scss | 8 +- gurubu-client/src/app/styles/mixins.scss | 11 +- .../src/app/styles/page/features.scss | 93 +-- .../src/app/styles/page/hero-section.scss | 35 +- .../src/app/styles/page/pricing.scss | 100 +-- gurubu-client/src/app/styles/page/style.scss | 12 +- .../src/app/styles/page/testimonial.scss | 29 +- .../room/grooming-board/connecting-info.scss | 10 +- .../grooming-board-error-popup.scss | 40 +- .../grooming-board-jira-table.scss | 8 +- .../grooming-board-participants.scss | 40 +- .../grooming-board/grooming-board-result.scss | 10 +- .../grooming-board-resultv2.scss | 22 +- .../room/grooming-board/grooming-board.scss | 142 ++--- .../room/grooming-board/metric-averages.scss | 20 +- .../room/grooming-board/nickname-form.scss | 114 ++-- .../room/grooming-board/vote-card-v2.scss | 6 +- .../styles/room/grooming-board/vote-card.scss | 48 +- .../room/grooming-board/voting-stick-v2.scss | 14 +- .../room/grooming-board/voting-stick.scss | 16 +- .../styles/room/grooming-footer/feedback.scss | 4 +- .../room/grooming-footer/grooming-footer.scss | 16 +- .../grooming-navbar/announcement-tooltip.scss | 40 +- .../room/grooming-navbar/change-avatar.scss | 76 +-- .../room/grooming-navbar/change-name.scss | 32 +- .../grooming-board-profile.scss | 126 ++-- .../room/grooming-navbar/grooming-navbar.scss | 64 +- .../grooming-navbar/import-jira-issues.scss | 34 +- .../room/grooming-navbar/leave-room.scss | 54 +- .../styles/room/grooming-navbar/timer.scss | 24 +- .../src/app/styles/room/not-found.scss | 28 +- gurubu-client/src/app/styles/room/style.scss | 73 +-- .../app/styles/room/themes/snow-theme.scss | 6 +- .../src/app/styles/room/themes/theme.scss | 23 +- gurubu-client/yarn.lock | 572 ++++++++++++------ 46 files changed, 1241 insertions(+), 945 deletions(-) diff --git a/gurubu-client/package.json b/gurubu-client/package.json index f10ce2a..a96c66e 100644 --- a/gurubu-client/package.json +++ b/gurubu-client/package.json @@ -3,7 +3,7 @@ "version": "1.0.0", "private": true, "scripts": { - "dev": "next dev", + "dev": "next dev --turbopack", "build": "next build", "start": "next start", "lint": "next lint" @@ -20,9 +20,9 @@ "intro.js": "^7.2.0", "lodash.debounce": "^4.0.8", "marked": "^15.0.4", - "next": "14.0.0", - "react": "^18", - "react-dom": "^18", + "next": "15.1.4", + "react": "19.0.0", + "react-dom": "19.0.0", "react-hot-toast": "^2.4.1", "sharp": "0.33.1", "socket.io-client": "^4.7.2" @@ -30,13 +30,17 @@ "devDependencies": { "@types/lodash.debounce": "^4.0.9", "@types/node": "^20", - "@types/react": "^18", - "@types/react-dom": "^18", + "@types/react": "19.0.7", + "@types/react-dom": "19.0.3", "@typescript-eslint/eslint-plugin": "^6.9.1", "classnames": "^2.3.2", "eslint": "^8", - "eslint-config-next": "14.0.0", + "eslint-config-next": "15.1.4", "sass": "^1.69.5", "typescript": "^5" + }, + "resolutions": { + "@types/react": "19.0.7", + "@types/react-dom": "19.0.3" } } diff --git a/gurubu-client/src/app/components/room/grooming-navbar/snow-animation.tsx b/gurubu-client/src/app/components/room/grooming-navbar/snow-animation.tsx index 68a7c41..9f4a31a 100644 --- a/gurubu-client/src/app/components/room/grooming-navbar/snow-animation.tsx +++ b/gurubu-client/src/app/components/room/grooming-navbar/snow-animation.tsx @@ -6,7 +6,7 @@ interface SnowAnimationProps { const SnowAnimation = memo(({ isActive }: SnowAnimationProps) => { const canvasRef = useRef(null); - const rafRef = useRef(); + const rafRef = useRef(0); const [isReverse, setIsReverse] = useState(false); useEffect(() => { diff --git a/gurubu-client/src/app/room/[id]/page.tsx b/gurubu-client/src/app/room/[id]/page.tsx index 66c8a02..d96dd95 100644 --- a/gurubu-client/src/app/room/[id]/page.tsx +++ b/gurubu-client/src/app/room/[id]/page.tsx @@ -1,7 +1,7 @@ "use client"; import classnames from "classnames"; -import { useEffect, useState } from "react"; +import { useEffect, useState, use } from "react"; import ConnectingInfo from "@/components/room/grooming-board/connecting-info"; import GroomingBoard from "@/components/room/grooming-board/grooming-board"; @@ -25,7 +25,8 @@ import { ToastProvider, useToast } from "@/contexts/ToastContext"; import { AvatarProvider } from "@/contexts/AvatarContext"; import "@/styles/room/style.scss"; -const GroomingRoom = ({ params }: { params: { id: string } }) => { +const GroomingRoom = (props: { params: Promise<{ id: string }> }) => { + const params = use(props.params); return ( diff --git a/gurubu-client/src/app/styles/common/button.scss b/gurubu-client/src/app/styles/common/button.scss index 371adc1..046156d 100644 --- a/gurubu-client/src/app/styles/common/button.scss +++ b/gurubu-client/src/app/styles/common/button.scss @@ -1,27 +1,29 @@ +@use "../variables"; + .cta { - border-radius: $radius-large; - padding: $space-large 1.75rem; + border-radius: variables.$radius-large; + padding: variables.$space-large 1.75rem; display: flex; align-items: center; justify-content: center; width: fit-content; - font-weight: $semibold; - font-size: $font-size-paragraph-2; + font-weight: variables.$semibold; + font-size: variables.$font-size-paragraph-2; line-height: 1.75rem; - gap: $space-small; + gap: variables.$space-small; &.primary { - background-color: $white; - color: $gray-700; - border: 1px solid $gray-300; + background-color: variables.$white; + color: variables.$gray-700; + border: 1px solid variables.$gray-300; } &.secondary { - background-color: $purple-700; - color: $white; - font-size: $font-size-paragraph-3; - font-weight: $semibold; - line-height: $line-height-paragraph-4; - border: 1px solid $purple-700; + background-color: variables.$purple-700; + color: variables.$white; + font-size: variables.$font-size-paragraph-3; + font-weight: variables.$semibold; + line-height: variables.$line-height-paragraph-4; + border: 1px solid variables.$purple-700; } } diff --git a/gurubu-client/src/app/styles/common/footer.scss b/gurubu-client/src/app/styles/common/footer.scss index 87c452a..51d45d4 100644 --- a/gurubu-client/src/app/styles/common/footer.scss +++ b/gurubu-client/src/app/styles/common/footer.scss @@ -1,3 +1,6 @@ +@use "../mixins"; +@use "../variables"; + .footer { margin: auto auto 0; width: 100%; @@ -6,7 +9,7 @@ flex-direction: column-reverse; gap: 24px; padding: 8px 32px 18px; - @include media(md) { + @include mixins.media(md) { padding: 16px 32px 18px; flex-direction: column; } @@ -19,7 +22,7 @@ flex-direction: column; align-items: center; gap: 21px; - @include media(md) { + @include mixins.media(md) { flex-direction: row; justify-content: space-between; align-items: center; @@ -29,19 +32,19 @@ flex-direction: column; gap: 2px; text-align: center; - @include media(md) { + @include mixins.media(md) { flex-direction: row; gap: 32px; } & > a { - line-height: $line-height-paragraph-4; - color: $gray-600; - font-weight: $semibold; + line-height: variables.$line-height-paragraph-4; + color: variables.$gray-600; + font-weight: variables.$semibold; } } &__copyright { - line-height: $line-height-paragraph-4; - color: $gray-500; + line-height: variables.$line-height-paragraph-4; + color: variables.$gray-500; } } &__logo { @@ -50,9 +53,9 @@ justify-content: center; gap: 6px; font-family: var(--font-family-grotest); - font-weight: $bold; - font-size: $font-size-paragraph-2; - line-height: $line-height-paragraph-4; + font-weight: variables.$bold; + font-size: variables.$font-size-paragraph-2; + line-height: variables.$line-height-paragraph-4; padding-top: 21px; } } diff --git a/gurubu-client/src/app/styles/common/logo.scss b/gurubu-client/src/app/styles/common/logo.scss index 0179d89..7fd7170 100644 --- a/gurubu-client/src/app/styles/common/logo.scss +++ b/gurubu-client/src/app/styles/common/logo.scss @@ -1,11 +1,13 @@ +@use "../variables"; + .logo { display: flex; align-items: center; gap: 0.375rem; margin-right: 4rem; - font-weight: $bold; - font-size: $font-size-paragraph-2; - line-height: $line-height-paragraph-4; + font-weight: variables.$bold; + font-size: variables.$font-size-paragraph-2; + line-height: variables.$line-height-paragraph-4; & span { user-select: none; diff --git a/gurubu-client/src/app/styles/common/modal.scss b/gurubu-client/src/app/styles/common/modal.scss index 604ce6e..c30dd26 100644 --- a/gurubu-client/src/app/styles/common/modal.scss +++ b/gurubu-client/src/app/styles/common/modal.scss @@ -1,3 +1,5 @@ +@use "../variables"; + .modal { display: none; position: fixed; @@ -26,7 +28,7 @@ .modal-content { background: #fff; padding: 24px; - border-radius: $radius-xlarge; + border-radius: variables.$radius-xlarge; position: relative; z-index: 1; width: 400px; diff --git a/gurubu-client/src/app/styles/common/navbar.scss b/gurubu-client/src/app/styles/common/navbar.scss index c2f8288..d5e866f 100644 --- a/gurubu-client/src/app/styles/common/navbar.scss +++ b/gurubu-client/src/app/styles/common/navbar.scss @@ -1,15 +1,17 @@ +@use "../variables"; + .nav { - padding: $space-xlarge 0; + padding: variables.$space-xlarge 0; display: flex; align-items: center; justify-content: center; - border-bottom: 1px solid $v2-gray-100; + border-bottom: 1px solid variables.$v2-gray-100; position: sticky; top: 0; - background-color: $white; + background-color: variables.$white; &__content { - max-width: $max-width; + max-width: variables.$max-width; width: 100%; margin: 0 auto; display: flex; @@ -20,25 +22,25 @@ display: flex; align-items: center; justify-content: center; - gap: $space-xxlarge; - padding: $space-xsmall 0; - font-size: $font-size-paragraph-3; - line-height: $line-height-paragraph-4; - font-weight: $semibold; - color: $v2-gray-600; + gap: variables.$space-xxlarge; + padding: variables.$space-xsmall 0; + font-size: variables.$font-size-paragraph-3; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$semibold; + color: variables.$v2-gray-600; &.--mobile { display: flex !important; flex-direction: column; align-items: center; justify-content: center; - gap: $space-xxlarge; - padding: $space-xsmall 0; - font-size: $font-size-paragraph-3; - line-height: $line-height-paragraph-4; - font-weight: $semibold; - color: $v2-gray-600; - margin-top: $space-xxlarge; + gap: variables.$space-xxlarge; + padding: variables.$space-xsmall 0; + font-size: variables.$font-size-paragraph-3; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$semibold; + color: variables.$v2-gray-600; + margin-top: variables.$space-xxlarge; } } @@ -57,7 +59,7 @@ left: 0; width: 100%; height: 100vh; - background-color: $white; + background-color: variables.$white; z-index: 1000; display: flex; flex-direction: column; @@ -66,13 +68,13 @@ &__close { position: absolute; - top: $space-xxlarge; - right: $space-xxlarge; + top: variables.$space-xxlarge; + right: variables.$space-xxlarge; border: none; background-color: transparent; outline: none; - top: $space-xxlarge; - right: $space-xxlarge; + top: variables.$space-xxlarge; + right: variables.$space-xxlarge; } &--links { @@ -80,12 +82,12 @@ flex-direction: column; align-items: center; justify-content: center; - gap: $space-xxlarge; - padding: $space-xsmall 0; - font-size: $font-size-paragraph-3; - line-height: $line-height-paragraph-4; - font-weight: $semibold; - color: $v2-gray-600; + gap: variables.$space-xxlarge; + padding: variables.$space-xsmall 0; + font-size: variables.$font-size-paragraph-3; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$semibold; + color: variables.$v2-gray-600; } &__content { @@ -97,7 +99,7 @@ @media (max-width: 768px) { .nav { - padding: $space-large $space-xxlarge; + padding: variables.$space-large variables.$space-xxlarge; &__content { justify-content: space-between; &--links { diff --git a/gurubu-client/src/app/styles/common/style.scss b/gurubu-client/src/app/styles/common/style.scss index 807e951..510f469 100644 --- a/gurubu-client/src/app/styles/common/style.scss +++ b/gurubu-client/src/app/styles/common/style.scss @@ -1,7 +1,7 @@ -@import "./navbar.scss"; -@import "./footer.scss"; -@import "./logo.scss"; -@import "./button.scss"; -@import "./modal.scss"; -@import "./sidebar.scss"; -@import "./avatar.scss"; +@use "navbar.scss"; +@use "footer.scss"; +@use "logo.scss"; +@use "button.scss"; +@use "modal.scss"; +@use "sidebar.scss"; +@use "avatar.scss"; diff --git a/gurubu-client/src/app/styles/error/not-found.scss b/gurubu-client/src/app/styles/error/not-found.scss index ada87ab..cb626cf 100644 --- a/gurubu-client/src/app/styles/error/not-found.scss +++ b/gurubu-client/src/app/styles/error/not-found.scss @@ -1,3 +1,5 @@ +@use "../variables"; + .not-found-page { min-height: 100vh; display: flex; @@ -6,27 +8,27 @@ flex-direction: column; &__title { - color: $primary-700; - line-height: $line-height-paragraph-4; - font-weight: $semibold; - font-size: $font-size-paragraph-3; - padding-bottom: $space-medium; + color: variables.$primary-700; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$semibold; + font-size: variables.$font-size-paragraph-3; + padding-bottom: variables.$space-medium; } &__subtitle { - color: $gray-900; - line-height: $line-height-header-1; - font-weight: $semibold; - font-size: $font-size-header-1; - padding-bottom: $space-xlarge; - letter-spacing: $letter-spacing-1; + color: variables.$gray-900; + line-height: variables.$line-height-header-1; + font-weight: variables.$semibold; + font-size: variables.$font-size-header-1; + padding-bottom: variables.$space-xlarge; + letter-spacing: variables.$letter-spacing-1; text-align: center; } &__description { - color: $gray-600; - line-height: $line-height-paragraph-2; - font-weight: $regular; - font-size: $font-size-body-4; - padding-bottom: $space-xxxlarge; + color: variables.$gray-600; + line-height: variables.$line-height-paragraph-2; + font-weight: variables.$regular; + font-size: variables.$font-size-body-4; + padding-bottom: variables.$space-xxxlarge; max-width: 576px; text-align: center; } @@ -35,36 +37,36 @@ display: flex; align-items: center; justify-content: center; - gap: $space-medium; + gap: variables.$space-medium; &__go-back { padding: 16px 28px; - border-radius: $radius-large; - border: 1px solid $gray-300; + border-radius: variables.$radius-large; + border: 1px solid variables.$gray-300; display: flex; align-items: center; - gap: $space-medium; - color: $gray-700; - font-weight: $semibold; - font-size: $font-size-paragraph-2; + gap: variables.$space-medium; + color: variables.$gray-700; + font-weight: variables.$semibold; + font-size: variables.$font-size-paragraph-2; cursor: pointer; height: 60px; - background: $white; + background: variables.$white; } &__take-me-home { height: 60px; - border-radius: $radius-large; + border-radius: variables.$radius-large; padding: 16px 28px; - background: $primary-600; - color: $white; - font-weight: $semibold; - font-size: $font-size-paragraph-2; - border: 1px solid $primary-600; + background: variables.$primary-600; + color: variables.$white; + font-weight: variables.$semibold; + font-size: variables.$font-size-paragraph-2; + border: 1px solid variables.$primary-600; display: flex; align-items: center; } } &__link:hover { - background-color: $yellow-400; + background-color: variables.$yellow-400; } } diff --git a/gurubu-client/src/app/styles/error/style.scss b/gurubu-client/src/app/styles/error/style.scss index dc26150..392784d 100644 --- a/gurubu-client/src/app/styles/error/style.scss +++ b/gurubu-client/src/app/styles/error/style.scss @@ -1,5 +1,5 @@ -@import "../variables.scss"; -@import "../mixins.scss"; -@import "./not-found.scss"; +@use "../variables.scss"; +@use "../mixins.scss"; +@use "not-found.scss"; diff --git a/gurubu-client/src/app/styles/globals.scss b/gurubu-client/src/app/styles/globals.scss index 0e4d3a1..a7542f3 100644 --- a/gurubu-client/src/app/styles/globals.scss +++ b/gurubu-client/src/app/styles/globals.scss @@ -1,6 +1,6 @@ -@import "./variables.scss"; -@import "./mixins.scss"; -@import "./common/style.scss"; +@use "variables.scss"; +@use "mixins.scss"; +@use "common/style.scss"; * { box-sizing: border-box; @@ -13,7 +13,7 @@ body { max-width: 100vw; min-height: 100vh; scroll-behavior: smooth; - scroll-padding: $scroll-padding; + scroll-padding: variables.$scroll-padding; } body { diff --git a/gurubu-client/src/app/styles/mixins.scss b/gurubu-client/src/app/styles/mixins.scss index 0fa8a78..3888eb9 100644 --- a/gurubu-client/src/app/styles/mixins.scss +++ b/gurubu-client/src/app/styles/mixins.scss @@ -1,6 +1,9 @@ +@use "sass:map"; +@use "variables"; + @mixin media($breakpoint) { - @if map-has-key($breakpoints, $breakpoint) { - @media (min-width: map-get($breakpoints, $breakpoint)) { + @if map.has-key(variables.$breakpoints, $breakpoint) { + @media (min-width: map.get(variables.$breakpoints, $breakpoint)) { @content; } } @else { @@ -9,7 +12,7 @@ } @mixin container { - max-width: $max-width; + max-width: variables.$max-width; margin: 0 auto; - padding: $space-xxxxlarge $space-xxlarge; + padding: variables.$space-xxxxlarge variables.$space-xxlarge; } diff --git a/gurubu-client/src/app/styles/page/features.scss b/gurubu-client/src/app/styles/page/features.scss index e2438e4..3f57fea 100644 --- a/gurubu-client/src/app/styles/page/features.scss +++ b/gurubu-client/src/app/styles/page/features.scss @@ -1,13 +1,16 @@ +@use "../mixins"; +@use "../variables"; + .features-section { flex-direction: column; justify-content: center; align-items: center; display: flex; gap: 64px; - margin: $space-xxxxlarge $space-xlarge; + margin: variables.$space-xxxxlarge variables.$space-xlarge; - @include media(xl) { - margin: $space-xxxxlarge 224px; + @include mixins.media(xl) { + margin: variables.$space-xxxxlarge 224px; } .features-heading { @@ -18,8 +21,8 @@ text-align: center; - @include media(md) { - padding: 0 $space-xxxxlarge; + @include mixins.media(md) { + padding: 0 variables.$space-xxxxlarge; } @@ -27,35 +30,35 @@ display: flex; padding: 4px 12px; align-items: center; - border-radius: $radius-xlarge; - border: 1px solid $purple-200; - background-color: $purple-50; - color: $purple-700; - font-size: $font-size-paragraph-4; - font-weight: $medium; + border-radius: variables.$radius-xlarge; + border: 1px solid variables.$purple-200; + background-color: variables.$purple-50; + color: variables.$purple-700; + font-size: variables.$font-size-paragraph-4; + font-weight: variables.$medium; } &__title { - margin-top: $space-large; - color: $gray-900; - font-size: $font-size-body-2; - font-weight: $semibold; + margin-top: variables.$space-large; + color: variables.$gray-900; + font-size: variables.$font-size-body-2; + font-weight: variables.$semibold; line-height: 44px; } &__subtext { - margin-top: $space-base; - color: $gray-600; - font-size: $font-size-paragraph-1; - font-weight: $regular; - line-height: $line-height-paragraph-2; + margin-top: variables.$space-base; + color: variables.$gray-600; + font-size: variables.$font-size-paragraph-1; + font-weight: variables.$regular; + line-height: variables.$line-height-paragraph-2; } } .features-spotlight { - border-radius: $radius-xlarge; - box-shadow: 0 0 $space-base 4px rgb(0 0 0 / 30%); - border: 4px solid $gray-900; + border-radius: variables.$radius-xlarge; + box-shadow: 0 0 variables.$space-base 4px rgb(0 0 0 / 30%); + border: 4px solid variables.$gray-900; img { width: 100%; @@ -68,29 +71,29 @@ display: flex; flex-direction: column; - @include media(md) { + @include mixins.media(md) { flex-direction: row; } &__score { width: 100%; - border-top: 4px solid $gray-100; + border-top: 4px solid variables.$gray-100; transition: all ease .13s; - padding: $space-large; + padding: variables.$space-large; text-align: center; .title { - font-size: $font-size-paragraph-2; - line-height: $line-height-paragraph-2; - font-weight: $semibold; - color: $gray-900; + font-size: variables.$font-size-paragraph-2; + line-height: variables.$line-height-paragraph-2; + font-weight: variables.$semibold; + color: variables.$gray-900; } .description { - font-size: $font-size-paragraph-3; - line-height: $line-height-paragraph-4; - font-weight: $regular; - color: $gray-600; + font-size: variables.$font-size-paragraph-3; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$regular; + color: variables.$gray-600; } &:hover{ @@ -100,23 +103,23 @@ &__planning { width: 100%; - border-top: 4px solid $gray-100; + border-top: 4px solid variables.$gray-100; transition: all ease .13s; - padding: $space-large; + padding: variables.$space-large; text-align: center; .title { - font-size: $font-size-paragraph-2; - line-height: $line-height-paragraph-2; - font-weight: $semibold; - color: $gray-900; + font-size: variables.$font-size-paragraph-2; + line-height: variables.$line-height-paragraph-2; + font-weight: variables.$semibold; + color: variables.$gray-900; } .description { - font-size: $font-size-paragraph-3; - line-height: $line-height-paragraph-4; - font-weight: $regular; - color: $gray-600; + font-size: variables.$font-size-paragraph-3; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$regular; + color: variables.$gray-600; } &:hover{ @@ -126,7 +129,7 @@ } .active { - border-top: 4px solid $purple-600; + border-top: 4px solid variables.$purple-600; } diff --git a/gurubu-client/src/app/styles/page/hero-section.scss b/gurubu-client/src/app/styles/page/hero-section.scss index 5ba3ee7..8442411 100644 --- a/gurubu-client/src/app/styles/page/hero-section.scss +++ b/gurubu-client/src/app/styles/page/hero-section.scss @@ -1,3 +1,6 @@ +@use "../mixins"; +@use "../variables"; + .hero-section { margin-left: 5.55555555%; padding: 6rem 0; @@ -7,17 +10,17 @@ gap: 4rem; h1 { - font-size: $v2-font-size-header-1; - font-weight: $semibold; - line-height: $v2-line-height-header-1; - color: $gray-900; - margin-bottom: $space-xlarge; + font-size: variables.$v2-font-size-header-1; + font-weight: variables.$semibold; + line-height: variables.$v2-line-height-header-1; + color: variables.$gray-900; + margin-bottom: variables.$space-xlarge; max-width: 36rem; } p { - color: $gray-600; + color: variables.$gray-600; font-size: 1.25rem; - line-height: $line-height-paragraph-2; + line-height: variables.$line-height-paragraph-2; margin-bottom: 6.125rem; max-width: 30rem; } @@ -26,7 +29,7 @@ height: 100%; max-width: 65.25rem; max-height: 32.5rem; - border: 4px solid $gray-900; + border: 4px solid variables.$gray-900; border-right: 0; border-radius: 0.625rem; border-top-right-radius: 0; @@ -36,20 +39,20 @@ @media (max-width: 768px) { .hero-section { - @include container; + @include mixins.container; flex-direction: column; padding: 1rem; gap: 2rem; h1 { - font-size: $font-size-header-2; - line-height: $line-height-header-2; - margin-bottom: $space-medium; + font-size: variables.$font-size-header-2; + line-height: variables.$line-height-header-2; + margin-bottom: variables.$space-medium; max-width: 100%; } p { font-size: 1rem; - line-height: $line-height-paragraph-3; - margin-bottom: $space-xxlarge; + line-height: variables.$line-height-paragraph-3; + margin-bottom: variables.$space-xxlarge; max-width: 100%; } @@ -58,8 +61,8 @@ } &__demo-preview { - border: 1px solid $gray-900; - border-radius: $radius-small; + border: 1px solid variables.$gray-900; + border-radius: variables.$radius-small; } } } diff --git a/gurubu-client/src/app/styles/page/pricing.scss b/gurubu-client/src/app/styles/page/pricing.scss index 2d69904..626a61a 100644 --- a/gurubu-client/src/app/styles/page/pricing.scss +++ b/gurubu-client/src/app/styles/page/pricing.scss @@ -1,7 +1,9 @@ +@use "../variables"; + .pricing { - gap: $space-xlarge 0; + gap: variables.$space-xlarge 0; display: flex; - margin: $space-xxxxlarge auto; + margin: variables.$space-xxxxlarge auto; flex-direction: column; justify-content: center; align-items: center; @@ -19,100 +21,100 @@ padding-bottom: 64px; margin: 0 auto; &__title { - line-height: $line-height-paragraph-4; - font-weight: $semibold; - color: $primary-700; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$semibold; + color: variables.$primary-700; padding-bottom: 12px; } &__subtitle { line-height: 44px; - font-size: $font-size-body-2; - font-weight: $semibold; - color: $gray-900-v2; + font-size: variables.$font-size-body-2; + font-weight: variables.$semibold; + color: variables.$gray-900-v2; padding-bottom: 20px; - letter-spacing: $letter-spacing-1; + letter-spacing: variables.$letter-spacing-1; } &__description { - line-height: $line-height-paragraph-2; - color: $gray-600; - font-size: $font-size-body-4; + line-height: variables.$line-height-paragraph-2; + color: variables.$gray-600; + font-size: variables.$font-size-body-4; margin: 0 auto; max-width: 768px; } } &__content { - box-shadow: $shadow-lg; - border: 1px solid $gray-20; - border-radius: $radius-xxlarge; + box-shadow: variables.$shadow-lg; + border: 1px solid variables.$gray-20; + border-radius: variables.$radius-xxlarge; &__header { padding: 32px; - @media (max-width: 576px) { - padding: 16px; - } - border-bottom: 1px solid $gray-20; + border-bottom: 1px solid variables.$gray-20; display: flex; align-items: center; justify-content: space-between; + @media (max-width: 576px) { + padding: 16px; + } &__left { & > :first-child { - line-height: $line-height-paragraph-2; - font-weight: $semibold; - font-size: $font-size-header-5; - color: $title-color; + line-height: variables.$line-height-paragraph-2; + font-weight: variables.$semibold; + font-size: variables.$font-size-header-5; + color: variables.$title-color; padding-bottom: 4px; } & > :last-child { - color: $gray-600; - line-height: $line-height-paragraph-4; + color: variables.$gray-600; + line-height: variables.$line-height-paragraph-4; } } &__right { display: flex; gap: 2px; & > :first-child { - font-size: $font-size-body-2; - font-weight: $semibold; + font-size: variables.$font-size-body-2; + font-weight: variables.$semibold; line-height: 44px; padding-top: 8px; } & > :nth-child(2) { - font-size: $v2-font-size-header-1; - font-weight: $semibold; - line-height: $line-height-header-1; + font-size: variables.$v2-font-size-header-1; + font-weight: variables.$semibold; + line-height: variables.$line-height-header-1; } & > :last-child { - line-height: $line-height-paragraph-4; + line-height: variables.$line-height-paragraph-4; align-self: flex-end; - color: $gray-600; + color: variables.$gray-600; padding-bottom: 10px; } } } &__offer { padding: 32px; + border-bottom: 1px solid variables.$gray-20; @media (max-width: 576px) { padding: 16px; } - border-bottom: 1px solid $gray-20; &__header { padding-bottom: 24px; & > :first-child { - color: $title-color; - font-weight: $semibold; - line-height: $line-height-paragraph-4; + color: variables.$title-color; + font-weight: variables.$semibold; + line-height: variables.$line-height-paragraph-4; padding-bottom: 4px; } & > :nth-child(3) { - color: $primary-600; - font-weight: $semibold; - color: $gray-600; + color: variables.$primary-600; + font-weight: variables.$semibold; + color: variables.$gray-600; } & > :nth-child(2), & > :nth-child(4) { - font-weight: $light; - color: $gray-600; + font-weight: variables.$light; + color: variables.$gray-600; } } &__features { @@ -134,19 +136,19 @@ & > a { display: block; text-align: center; - line-height: $line-height-paragraph-4; - font-weight: $semibold; - font-size: $font-size-paragraph-3; - color: $white; - background: $primary-600; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$semibold; + font-size: variables.$font-size-paragraph-3; + color: variables.$white; + background: variables.$primary-600; padding: 12px 20px; width: 100%; - border: 1px solid $primary-600; - border-radius: $radius-large; + border: 1px solid variables.$primary-600; + border-radius: variables.$radius-large; cursor: pointer; transition: background 0.3s; &:hover { - background: $primary-700; + background: variables.$primary-700; } } } diff --git a/gurubu-client/src/app/styles/page/style.scss b/gurubu-client/src/app/styles/page/style.scss index f25737a..24fd11d 100644 --- a/gurubu-client/src/app/styles/page/style.scss +++ b/gurubu-client/src/app/styles/page/style.scss @@ -1,11 +1,11 @@ -@import "../variables.scss"; -@import "../mixins.scss"; +@use "../variables.scss"; +@use "../mixins.scss"; // Sections -@import "./hero-section.scss"; -@import "./testimonial.scss"; -@import "./pricing.scss"; -@import "./features.scss"; +@use "hero-section.scss"; +@use "testimonial.scss"; +@use "pricing.scss"; +@use "features.scss"; main { min-height: 100vh; diff --git a/gurubu-client/src/app/styles/page/testimonial.scss b/gurubu-client/src/app/styles/page/testimonial.scss index 727358c..36acda4 100644 --- a/gurubu-client/src/app/styles/page/testimonial.scss +++ b/gurubu-client/src/app/styles/page/testimonial.scss @@ -1,7 +1,10 @@ +@use "../mixins"; +@use "../variables"; + .testimonial-section { width: 100%; - margin: $space-xxxxlarge 0; - padding: 0 $space-xxlarge; + margin: variables.$space-xxxxlarge 0; + padding: 0 variables.$space-xxlarge; .testimonial { max-width: 1280px; @@ -9,7 +12,7 @@ flex-direction: column; align-items: center; justify-content: center; - gap: $space-xxlarge 0; + gap: variables.$space-xxlarge 0; margin: 0 auto; &__avatar { @@ -19,14 +22,14 @@ } &__text { - font-size: $font-size-body-2; - font-weight: $medium; - line-height: $line-height-header-3; + font-size: variables.$font-size-body-2; + font-weight: variables.$medium; + line-height: variables.$line-height-header-3; text-align: center; - @include media(xl) { - font-size: $font-size-body-1; - line-height: $line-height-header-2; + @include mixins.media(xl) { + font-size: variables.$font-size-body-1; + line-height: variables.$line-height-header-2; } } @@ -37,14 +40,14 @@ flex-direction: column; &__name { - margin: $space-large 0 $space-xsmall 0; - font-size: $font-size-paragraph-2; - font-weight: $semibold; + margin: variables.$space-large 0 variables.$space-xsmall 0; + font-size: variables.$font-size-paragraph-2; + font-weight: variables.$semibold; } &__title { color: #475467; - line-height: $line-height-paragraph-4; + line-height: variables.$line-height-paragraph-4; } } } diff --git a/gurubu-client/src/app/styles/room/grooming-board/connecting-info.scss b/gurubu-client/src/app/styles/room/grooming-board/connecting-info.scss index 9455a5d..e59af7c 100644 --- a/gurubu-client/src/app/styles/room/grooming-board/connecting-info.scss +++ b/gurubu-client/src/app/styles/room/grooming-board/connecting-info.scss @@ -1,12 +1,14 @@ +@use "../../variables.scss"; + .connecting-info { min-height: 100vh; display: flex; align-items: center; justify-content: center; &__message { - color: $blue-900; - font-size: $font-size-paragraph-1; - line-height: $line-height-paragraph-1; - font-weight: $semibold; + color: variables.$blue-900; + font-size: variables.$font-size-paragraph-1; + line-height: variables.$line-height-paragraph-1; + font-weight: variables.$semibold; } } diff --git a/gurubu-client/src/app/styles/room/grooming-board/grooming-board-error-popup.scss b/gurubu-client/src/app/styles/room/grooming-board/grooming-board-error-popup.scss index b7e8d3c..60b7e80 100644 --- a/gurubu-client/src/app/styles/room/grooming-board/grooming-board-error-popup.scss +++ b/gurubu-client/src/app/styles/room/grooming-board/grooming-board-error-popup.scss @@ -1,33 +1,35 @@ +@use "../../variables.scss"; + .grooming-board-error-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); - padding: $space-large; + padding: variables.$space-large; background-color: #fff; border: 1px solid #ccc; z-index: 10000000; min-width: 300px; - border-radius: $radius-medium; + border-radius: variables.$radius-medium; text-align: center; &.active { display: block; } &__header { - color: $blue-700; + color: variables.$blue-700; } &__body { - margin-top: $space-medium; - color: $gray-700; - font-size: $font-size-paragraph-4; - line-height: $line-height-paragraph-4; + margin-top: variables.$space-medium; + color: variables.$gray-700; + font-size: variables.$font-size-paragraph-4; + line-height: variables.$line-height-paragraph-4; } &__close-icon { - color: $gray-500; + color: variables.$gray-500; position: absolute; - right: $space-large; - top: $space-medium; + right: variables.$space-large; + top: variables.$space-medium; cursor: pointer; } &__overlay { @@ -44,20 +46,20 @@ } } &__button { - margin-top: $space-medium; + margin-top: variables.$space-medium; border: none; height: 36px; cursor: pointer; - padding: 0 $space-xlarge; - background-color: $yellow-500; - color: $blue-900; - border-radius: $radius-medium; - font-size: $font-size-paragraph-3; - line-height: $line-height-paragraph-3; - font-weight: $medium; + padding: 0 variables.$space-xlarge; + background-color: variables.$yellow-500; + color: variables.$blue-900; + border-radius: variables.$radius-medium; + font-size: variables.$font-size-paragraph-3; + line-height: variables.$line-height-paragraph-3; + font-weight: variables.$medium; width: 180px; } &__button:hover { - background-color: $yellow-400; + background-color: variables.$yellow-400; } } diff --git a/gurubu-client/src/app/styles/room/grooming-board/grooming-board-jira-table.scss b/gurubu-client/src/app/styles/room/grooming-board/grooming-board-jira-table.scss index c1b38f9..3e8cab7 100644 --- a/gurubu-client/src/app/styles/room/grooming-board/grooming-board-jira-table.scss +++ b/gurubu-client/src/app/styles/room/grooming-board/grooming-board-jira-table.scss @@ -1,9 +1,11 @@ +@use "../../variables.scss"; + .grooming-board-jira-table-container { width: 100%; margin: 24px auto 24px auto; background-color: #fff; border-radius: 0.5rem; - border: 1px solid $gray-20; + border: 1px solid variables.$gray-20; .grooming-board-jira-table-header { padding: 1.5rem; border-bottom: 1px solid #e5e7eb; @@ -79,7 +81,7 @@ tr { cursor: pointer; &:hover { - background-color: $gray-20; + background-color: variables.$gray-20; } } @@ -190,7 +192,7 @@ box-shadow: none; resize: none; &:disabled{ - background-color: $white; + background-color: variables.$white; } padding: 0.75rem 1rem; display: flex; diff --git a/gurubu-client/src/app/styles/room/grooming-board/grooming-board-participants.scss b/gurubu-client/src/app/styles/room/grooming-board/grooming-board-participants.scss index 65f8cf4..b968f88 100644 --- a/gurubu-client/src/app/styles/room/grooming-board/grooming-board-participants.scss +++ b/gurubu-client/src/app/styles/room/grooming-board/grooming-board-participants.scss @@ -1,3 +1,5 @@ +@use "../../variables.scss"; + .grooming-board-participants { display: flex; align-items: center; @@ -10,8 +12,8 @@ } li { width: 100%; - border-top: 1px solid $gray-100; - border-radius: $radius-small; + border-top: 1px solid variables.$gray-100; + border-radius: variables.$radius-small; gap: 16px; display: flex; align-items: center; @@ -32,8 +34,8 @@ } &.vote-above-average { border-top: 1px solid transparent; - background-color: $primary-50; - color: $primary-700; + background-color: variables.$primary-50; + color: variables.$primary-700; border-top: 1px solid transparent; font-weight: 600; } @@ -51,13 +53,13 @@ border-top: 1px solid transparent; } &.no-vote { - background-color: $gray-100; - color: $gray-500; + background-color: variables.$gray-100; + color: variables.$gray-500; } label { - font-size: $font-size-paragraph-4; - line-height: $line-height-paragraph-4; - font-weight: $regular; + font-size: variables.$font-size-paragraph-4; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$regular; max-width: 100px; white-space: nowrap; text-overflow: ellipsis; @@ -69,7 +71,7 @@ min-width: 140px; padding: 10px 0 10px 14px; align-items: center; - gap: 0 $space-medium; + gap: 0 variables.$space-medium; .icon-star-filled { min-width: 16px; min-height: 16px; @@ -89,25 +91,25 @@ color: red; } &__icon-crown { - color: $yellow-500; + color: variables.$yellow-500; } &__point-cards-container { display: flex; - gap: 0 $space-large; + gap: 0 variables.$space-large; width: 100%; justify-content: space-around; } &__point-card { border-radius: 50%; - font-size: $font-size-paragraph-4; - line-height: $line-height-paragraph-4; - font-weight: $regular; + font-size: variables.$font-size-paragraph-4; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$regular; text-align: right; width: 20px; height: 20px; display: flex; - background: $white; - border: 1px solid $gray-100; + background: variables.$white; + border: 1px solid variables.$gray-100; align-items: center; justify-content: center; flex-direction: column; @@ -117,8 +119,8 @@ border: 1px solid #4ca30d; } &__all-metrics-voted { - background-color: $primary-600; - border: 1px solid $primary-600; + background-color: variables.$primary-600; + border: 1px solid variables.$primary-600; width: 20px; height: 20px; } diff --git a/gurubu-client/src/app/styles/room/grooming-board/grooming-board-result.scss b/gurubu-client/src/app/styles/room/grooming-board/grooming-board-result.scss index 2e31bd7..39768ea 100644 --- a/gurubu-client/src/app/styles/room/grooming-board/grooming-board-result.scss +++ b/gurubu-client/src/app/styles/room/grooming-board/grooming-board-result.scss @@ -1,10 +1,12 @@ +@use "../../variables.scss"; + .grooming-board__results { display: flex; align-items: center; justify-content: center; flex-direction: column; - font-size: $font-size-paragraph-1; - line-height: $line-height-paragraph-1; - font-weight: $semibold; - color: $blue-600; + font-size: variables.$font-size-paragraph-1; + line-height: variables.$line-height-paragraph-1; + font-weight: variables.$semibold; + color: variables.$blue-600; } diff --git a/gurubu-client/src/app/styles/room/grooming-board/grooming-board-resultv2.scss b/gurubu-client/src/app/styles/room/grooming-board/grooming-board-resultv2.scss index 3c05327..73cfb40 100644 --- a/gurubu-client/src/app/styles/room/grooming-board/grooming-board-resultv2.scss +++ b/gurubu-client/src/app/styles/room/grooming-board/grooming-board-resultv2.scss @@ -1,25 +1,27 @@ +@use "../../variables.scss"; + .grooming-board__resultsv2 { display: flex; align-items: center; justify-content: center; flex-direction: column; - font-size: $font-size-paragraph-1; - line-height: $line-height-paragraph-1; - font-weight: $semibold; - color: $blue-600; + font-size: variables.$font-size-paragraph-1; + line-height: variables.$line-height-paragraph-1; + font-weight: variables.$semibold; + color: variables.$blue-600; position: relative; width: 100%; margin-bottom: 16px; padding-top: 16px; border-top: 1px solid #e9ebec; p { - border: 1px solid $yellow-200-v2; + border: 1px solid variables.$yellow-200-v2; background-color: #fefbe8; color: #a15c07; - padding: $space-large 28px; + padding: variables.$space-large 28px; border-radius: 40px; - font-size: $font-size-paragraph-2; - line-height: $line-height-paragraph-4; + font-size: variables.$font-size-paragraph-2; + line-height: variables.$line-height-paragraph-4; max-width: 40%; display: flex; align-items: center; @@ -30,7 +32,7 @@ position: absolute; width: 25%; height: 1px; - background-color: $gray-20; + background-color: variables.$gray-20; left: 0; } &::after { @@ -38,7 +40,7 @@ position: absolute; width: 25%; height: 1px; - background-color: $gray-20; + background-color: variables.$gray-20; right: 0; } } diff --git a/gurubu-client/src/app/styles/room/grooming-board/grooming-board.scss b/gurubu-client/src/app/styles/room/grooming-board/grooming-board.scss index 4709753..75fc6ba 100644 --- a/gurubu-client/src/app/styles/room/grooming-board/grooming-board.scss +++ b/gurubu-client/src/app/styles/room/grooming-board/grooming-board.scss @@ -1,8 +1,10 @@ +@use "../../variables.scss"; + .grooming-board { display: flex; width: 80%; margin: 0 auto; - padding: 0 $space-xxxlarge; + padding: 0 variables.$space-xxxlarge; justify-content: space-between; margin-top: 48px; @media (max-width: 850px) { @@ -32,20 +34,20 @@ width: 180px; height: 36px; border: none; - background-color: $gray-300; - color: $gray-800; - border-radius: $radius-medium; - font-size: $font-size-paragraph-3; - line-height: $line-height-paragraph-3; - font-weight: $medium; + background-color: variables.$gray-300; + color: variables.$gray-800; + border-radius: variables.$radius-medium; + font-size: variables.$font-size-paragraph-3; + line-height: variables.$line-height-paragraph-3; + font-weight: variables.$medium; display: flex; align-items: center; justify-content: center; - gap: 0 $space-small; + gap: 0 variables.$space-small; &.clicked { background-color: transparent; - border: 1px solid $blue-600; - color: $blue-600; + border: 1px solid variables.$blue-600; + color: variables.$blue-600; } } &__edit-vote-toggle-button:hover { @@ -58,27 +60,27 @@ display: flex; align-items: center; justify-content: center; - gap: 0 $space-xlarge; + gap: 0 variables.$space-xlarge; &.story-point-mode { flex-direction: column; - gap: $space-small; + gap: variables.$space-small; height: fit-content; - border-top: 1px solid $gray-100; - padding-top: $space-large; + border-top: 1px solid variables.$gray-100; + padding-top: variables.$space-large; .grooming-board__reset-votes-button { width: 100%; display: flex; align-items: center; justify-content: center; - padding: $space-small 0; + padding: variables.$space-small 0; } .grooming-board__show-result-button { width: 100%; display: flex; align-items: center; justify-content: center; - padding: $space-small 0; + padding: variables.$space-small 0; } } } @@ -87,33 +89,33 @@ background-color: transparent; height: 48px; cursor: pointer; - color: $gray-700; - padding: 0 $space-base; - border: 1px solid $gray-200; - border-radius: $radius-large; - font-size: $font-size-paragraph-3; - line-height: $line-height-paragraph-4; - font-weight: $semibold; + color: variables.$gray-700; + padding: 0 variables.$space-base; + border: 1px solid variables.$gray-200; + border-radius: variables.$radius-large; + font-size: variables.$font-size-paragraph-3; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$semibold; min-width: 133px; transition: 0.3s; } &__reset-votes-button:hover { - background-color: $off-white; + background-color: variables.$off-white; } &__show-result-button { display: flex; align-items: center; - gap: $space-small; + gap: variables.$space-small; border: none; height: 48px; cursor: pointer; - padding: 0 $space-base; - background-color: $purple-700; - color: $white; - border-radius: $radius-large; - font-size: $font-size-paragraph-3; - line-height: $line-height-paragraph-4; - font-weight: $semibold; + padding: 0 variables.$space-base; + background-color: variables.$purple-700; + color: variables.$white; + border-radius: variables.$radius-large; + font-size: variables.$font-size-paragraph-3; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$semibold; min-width: 133px; transition: 0.3s; &.disabled { @@ -123,21 +125,21 @@ } &__show-result-button:hover { &:not(.disabled) { - background-color: $purple-500; + background-color: variables.$purple-500; } } &__logs-section { - border-radius: $radius-medium; + border-radius: variables.$radius-medium; display: flex; flex-direction: column; - border: 1px solid $gray-20; + border: 1px solid variables.$gray-20; padding: 0 12px 12px 12px; max-height: max-content; margin-bottom: 24px; } &__metrics { display: flex; - gap: 0 $space-large; + gap: 0 variables.$space-large; justify-content: flex-end; margin-right: 2px; align-items: center; @@ -147,10 +149,10 @@ } li, span { - color: $gray-600; - font-size: $font-size-paragraph-5; - line-height: $line-height-paragraph-5; - font-weight: $medium; + color: variables.$gray-600; + font-size: variables.$font-size-paragraph-5; + line-height: variables.$line-height-paragraph-5; + font-weight: variables.$medium; } li { position: relative; @@ -173,7 +175,7 @@ display: flex; align-items: center; flex-direction: column; - gap: $space-small 0; + gap: variables.$space-small 0; max-height: 80%; overflow-y: scroll; &::-webkit-scrollbar{ @@ -183,16 +185,16 @@ scrollbar-width: none; li { width: 100%; - border: 1px solid $gray-100; - padding: $space-xsmall $space-large; - border-radius: $radius-small; + border: 1px solid variables.$gray-100; + padding: variables.$space-xsmall variables.$space-large; + border-radius: variables.$radius-small; display: flex; align-items: center; justify-content: space-between; label { - font-size: $font-size-paragraph-4; - line-height: $line-height-paragraph-4; - font-weight: $regular; + font-size: variables.$font-size-paragraph-4; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$regular; max-width: 100px; } } @@ -204,21 +206,21 @@ } &__point-cards-container { display: flex; - gap: 0 $space-large; + gap: 0 variables.$space-large; justify-content: flex-end; } &__point-card { border-radius: 50%; - font-size: $font-size-paragraph-4; - line-height: $line-height-paragraph-4; - font-weight: $regular; + font-size: variables.$font-size-paragraph-4; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$regular; text-align: right; width: 24px; height: 24px; - padding: $space-small 0; - border: 1px solid $gray-100; + padding: variables.$space-small 0; + border: 1px solid variables.$gray-100; display: flex; - background: $voting-card-color; + background: variables.$voting-card-color; align-items: center; justify-content: center; flex-direction: column; @@ -228,7 +230,7 @@ 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - color: $gray-500; + color: variables.$gray-500; } &__check-icon-container { display: flex; @@ -294,28 +296,28 @@ background-color: transparent; height: 48px; cursor: pointer; - color: $gray-700; - padding: 0 $space-base; - border: 1px solid $gray-200; - border-radius: $radius-large; - font-size: $font-size-paragraph-3; - line-height: $line-height-paragraph-4; - font-weight: $semibold; + color: variables.$gray-700; + padding: 0 variables.$space-base; + border: 1px solid variables.$gray-200; + border-radius: variables.$radius-large; + font-size: variables.$font-size-paragraph-3; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$semibold; min-width: 133px; transition: 0.3s; } &__set-votes-button { - gap: $space-small; + gap: variables.$space-small; border: none; height: 48px; cursor: pointer; - padding: 0 $space-base; - background-color: $purple-700; - color: $white; - border-radius: $radius-large; - font-size: $font-size-paragraph-3; - line-height: $line-height-paragraph-4; - font-weight: $semibold; + padding: 0 variables.$space-base; + background-color: variables.$purple-700; + color: variables.$white; + border-radius:variables.$radius-large; + font-size: variables.$font-size-paragraph-3; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$semibold; min-width: 133px; transition: 0.3s; } diff --git a/gurubu-client/src/app/styles/room/grooming-board/metric-averages.scss b/gurubu-client/src/app/styles/room/grooming-board/metric-averages.scss index 9d51f04..9ceae11 100644 --- a/gurubu-client/src/app/styles/room/grooming-board/metric-averages.scss +++ b/gurubu-client/src/app/styles/room/grooming-board/metric-averages.scss @@ -1,20 +1,22 @@ +@use "../../variables.scss"; + .metric-averages { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; - gap: $space-large; + gap: variables.$space-large; li { - border: 1px solid $blue-600; - font-size: $font-size-paragraph-4; - line-height: $line-height-paragraph-4; - font-weight: $medium; - color: $blue-600; - border-radius: $space-medium; - padding: 0 $space-xlarge; + border: 1px solid variables.$blue-600; + font-size: variables.$font-size-paragraph-4; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$medium; + color: variables.$blue-600; + border-radius: variables.$space-medium; + padding: 0 variables.$space-xlarge; display: flex; align-items: center; justify-content: center; - gap: 0 $space-small; + gap: 0 variables.$space-small; } } diff --git a/gurubu-client/src/app/styles/room/grooming-board/nickname-form.scss b/gurubu-client/src/app/styles/room/grooming-board/nickname-form.scss index 97baa4a..c8a4093 100644 --- a/gurubu-client/src/app/styles/room/grooming-board/nickname-form.scss +++ b/gurubu-client/src/app/styles/room/grooming-board/nickname-form.scss @@ -1,28 +1,30 @@ +@use "../../variables"; + .nickname-form { width: 384px; - padding: $space-xlarge $space-xlarge; + padding: variables.$space-xlarge variables.$space-xlarge; max-width: 90%; - border-radius: $radius-large; + border-radius: variables.$radius-large; box-shadow: 0px 20px 24px -4px #10182814; - background-color: $white; + background-color: variables.$white; margin: auto; &__header { display: flex; align-items: center; justify-content: center; - gap: $space-xsmall; + gap: variables.$space-xsmall; font-family: var(--font-space-grotesk); - color: $black; - font-size: $font-size-header-5; - font-weight: $bold; - margin-bottom: $space-xlarge; + color: variables.$black; + font-size: variables.$font-size-header-5; + font-weight: variables.$bold; + margin-bottom: variables.$space-xlarge; } &__title { - color: $title-color; - font-size: $font-size-paragraph-2; - line-height: $line-height-header-4; - font-weight: $semibold; + color: variables.$title-color; + font-size: variables.$font-size-paragraph-2; + line-height: variables.$line-height-header-4; + font-weight: variables.$semibold; } &__input-wrapper { display: flex; @@ -39,46 +41,46 @@ content: ""; flex: 1; height: 1px; - background-color: $gray-200; + background-color: variables.$gray-200; } } &__label-enter-room { color: #475467; - font-weight: $light; - font-size: $font-size-paragraph-3; - line-height: $line-height-paragraph-3; + font-weight: variables.$light; + font-size: variables.$font-size-paragraph-3; + line-height: variables.$line-height-paragraph-3; flex-shrink: 0; - margin: 0 $space-small; + margin: 0 variables.$space-small; } &__label-select-grooming { color: #475467; font-weight: 500; - font-size: $font-size-paragraph-4; + font-size: variables.$font-size-paragraph-4; flex-shrink: 0; - margin: 0 $space-small; + margin: 0 variables.$space-small; line-height: 20px; } &__input { - padding: $space-small $space-large; - margin: $space-base 0; - border: 1px solid $gray-100; - border-radius: $radius-small; - font-size: $font-size-paragraph-4; - line-height: $line-height-paragraph-4; - font-weight: $regular; + padding: variables.$space-small variables.$space-large; + margin: variables.$space-base 0; + border: 1px solid variables.$gray-100; + border-radius: variables.$radius-small; + font-size: variables.$font-size-paragraph-4; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$regular; width: 100%; } &__input:focus { outline: none; } &__grooming-options { - margin-top: $space-xlarge; + margin-top: variables.$space-xlarge; display: flex; align-items: center; overflow: hidden; - border-radius: $radius-medium; - border: 1px solid $gray-300; + border-radius: variables.$radius-medium; + border: 1px solid variables.$gray-300; position: relative; &.divider::after { @@ -88,24 +90,24 @@ top: 0; width: 1px; height: 100%; - background-color: $gray-300; + background-color: variables.$gray-300; } } &__grooming-option { border: 1px solid transparent; flex: 1; - background-color: $white; - padding: 10px $space-large; + background-color: variables.$white; + padding: 10px variables.$space-large; align-items: center; justify-content: space-between; - font-size: $font-size-paragraph-4; - line-height: $line-height-paragraph-4; - font-weight: $medium; + font-size: variables.$font-size-paragraph-4; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$medium; cursor: pointer; position: relative; p { - font-weight: $semibold; + font-weight: variables.$semibold; } &:hover { @@ -117,7 +119,7 @@ background-color: #7f56d9; p { - color: $white; + color: variables.$white; } } } @@ -125,22 +127,22 @@ cursor: pointer; } &__error-message { - margin-top: $space-large; - font-size: $font-size-paragraph-4; - line-height: $line-height-paragraph-4; - font-weight: $regular; - color: $red-700; + margin-top: variables.$space-large; + font-size: variables.$font-size-paragraph-4; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$regular; + color: variables.$red-700; } &__button { display: inline-block; - margin-top: $space-base; - padding: $space-small; - color: $white; + margin-top: variables.$space-base; + padding: variables.$space-small; + color: variables.$white; background-color: #7656cc; - font-size: $font-size-paragraph-2; - line-height: $line-height-paragraph-2; - font-weight: $medium; - border-radius: $radius-large; + font-size: variables.$font-size-paragraph-2; + line-height: variables.$line-height-paragraph-2; + font-weight: variables.$medium; + border-radius: variables.$radius-large; border: none; width: 100%; cursor: pointer; @@ -148,17 +150,17 @@ } &__info-message { - margin-top: $space-large; - font-size: $font-size-paragraph-4; - line-height: $line-height-paragraph-4; - font-weight: $semibold; - color: $gray-800; + margin-top: variables.$space-large; + font-size: variables.$font-size-paragraph-4; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$semibold; + color: variables.$gray-800; } .vercel-info{ margin-top: 12px; - background-color: $primary-200; + background-color: variables.$primary-200; border-radius: 8px; - color: $primary-700; + color: variables.$primary-700; font-weight: 600; padding: 4px; a { diff --git a/gurubu-client/src/app/styles/room/grooming-board/vote-card-v2.scss b/gurubu-client/src/app/styles/room/grooming-board/vote-card-v2.scss index 6240dae..e5b14f6 100644 --- a/gurubu-client/src/app/styles/room/grooming-board/vote-card-v2.scss +++ b/gurubu-client/src/app/styles/room/grooming-board/vote-card-v2.scss @@ -1,3 +1,5 @@ +@use "../../variables.scss"; + .vote-card-v2 { width: 60px; height: 110px; @@ -43,14 +45,14 @@ } .card-back { - background-color: $primary-700; + background-color: variables.$primary-700; transform: rotateY(180deg); } .card-value { font-size: 12px; font-weight: bold; - color: $primary-700; + color: variables.$primary-700; } .card-value-top-left { diff --git a/gurubu-client/src/app/styles/room/grooming-board/vote-card.scss b/gurubu-client/src/app/styles/room/grooming-board/vote-card.scss index 60e41d8..57b9c20 100644 --- a/gurubu-client/src/app/styles/room/grooming-board/vote-card.scss +++ b/gurubu-client/src/app/styles/room/grooming-board/vote-card.scss @@ -1,87 +1,89 @@ +@use "../../variables"; + .vote-card { width: 40px; height: 40px; display: flex; - border-color: $gray-300; + border-color: variables.$gray-300; border-width: 1px; border-style: solid hidden solid solid; align-items: center; - background-color: $white; + background-color: variables.$white; justify-content: center; cursor: pointer; &:first-child{ - border-radius: $radius-large 0px 0px $radius-large; + border-radius: variables.$radius-large 0px 0px variables.$radius-large; &:hover { - background-color: $dark-orange-300; + background-color: variables.$dark-orange-300; } &.selected { - background: $dark-orange-400; + background: variables.$dark-orange-400; } } &:nth-child(2){ &:hover { - background: $dark-orange-200; + background: variables.$dark-orange-200; } &.selected { - background: $dark-orange-300; + background: variables.$dark-orange-300; } } &:nth-child(3){ &:hover { - background: $yellow-100-v2; + background: variables.$yellow-100-v2; } &.selected { - background: $yellow-200-v2; + background: variables.$yellow-200-v2; } } &:nth-child(4){ &:hover { - background: $green-light-50; + background: variables.$green-light-50; } &.selected { - background: $green-light-100; + background: variables.$green-light-100; } } &:nth-child(5){ &:hover { - background: $green-light-100; + background: variables.$green-light-100; } &.selected { - background: $green-light-200; + background: variables.$green-light-200; } } &:nth-child(6){ &:hover { - background: $dark-orange-400; + background: variables.$dark-orange-400; } &.selected { - background: $dark-orange-500; + background: variables.$dark-orange-500; } } &:nth-child(7){ &:hover { - background: $dark-orange-500; + background: variables.$dark-orange-500; } &.selected { - background: $dark-orange-600; + background: variables.$dark-orange-600; } } &:last-child{ &:hover { - background: $light-blue-100; + background: variables.$light-blue-100; } border-right-style: solid; - border-radius: 0px $radius-large $radius-large 0px; + border-radius: 0px variables.$radius-large variables.$radius-large 0px; &.selected { - background: $light-blue-200; + background: variables.$light-blue-200; } } @@ -95,9 +97,9 @@ } .vote-point-text { - font-size: $font-size-paragraph-4; - font-weight: $semibold; - color: $gray-700; + font-size: variables.$font-size-paragraph-4; + font-weight: variables.$semibold; + color: variables.$gray-700; line-height: 20px; } } diff --git a/gurubu-client/src/app/styles/room/grooming-board/voting-stick-v2.scss b/gurubu-client/src/app/styles/room/grooming-board/voting-stick-v2.scss index 51b7945..dfe9fe1 100644 --- a/gurubu-client/src/app/styles/room/grooming-board/voting-stick-v2.scss +++ b/gurubu-client/src/app/styles/room/grooming-board/voting-stick-v2.scss @@ -1,8 +1,10 @@ +@use "../../variables"; + .voting-stick-v2 { display: flex; align-items: center; justify-content: space-around; - margin-bottom: $space-xlarge; + margin-bottom: variables.$space-xlarge; gap: 12px; flex-wrap: wrap; @media (max-width: 850px) { @@ -13,7 +15,7 @@ display: flex; align-items: center; justify-content: space-around; - border-radius: $radius-large; + border-radius: variables.$radius-large; width: 100%; @media (max-width: 850px) { flex-wrap: wrap; @@ -21,10 +23,10 @@ } } &__label { - color: $gray-900-v2; - font-size: $font-size-paragraph-2; - line-height: $line-height-paragraph-4; - font-weight: $semibold; + color: variables.$gray-900-v2; + font-size: variables.$font-size-paragraph-2; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$semibold; width: 187px; } } diff --git a/gurubu-client/src/app/styles/room/grooming-board/voting-stick.scss b/gurubu-client/src/app/styles/room/grooming-board/voting-stick.scss index e083a95..9479549 100644 --- a/gurubu-client/src/app/styles/room/grooming-board/voting-stick.scss +++ b/gurubu-client/src/app/styles/room/grooming-board/voting-stick.scss @@ -1,20 +1,22 @@ +@use "../../variables.scss"; + .voting-stick { display: flex; align-items: center; - gap: 0 $space-xlarge; - margin-bottom: $space-xlarge; + gap: 0 variables.$space-xlarge; + margin-bottom:variables.$space-xlarge; &__vote-cards { display: flex; align-items: center; - border-radius: $radius-large; + border-radius: variables.$radius-large; box-shadow: 0px 1px 2px 0px #1018280D; } &__label { - color: $gray-900-v2; - font-size: $font-size-paragraph-2; - line-height: $line-height-paragraph-4; - font-weight: $semibold; + color: variables.$gray-900-v2; + font-size: variables.$font-size-paragraph-2; + line-height: variables.$line-height-paragraph-4; + font-weight: variables.$semibold; width: 187px; } } diff --git a/gurubu-client/src/app/styles/room/grooming-footer/feedback.scss b/gurubu-client/src/app/styles/room/grooming-footer/feedback.scss index e79c321..f2e7147 100644 --- a/gurubu-client/src/app/styles/room/grooming-footer/feedback.scss +++ b/gurubu-client/src/app/styles/room/grooming-footer/feedback.scss @@ -1,3 +1,5 @@ +@use "../../variables.scss"; + .feedback-container { font-size: 12px; line-height: 16px; @@ -22,7 +24,7 @@ overflow: hidden; position: relative; transition: background-color 0.4s ease, color 0.4s ease; - border: 1px solid $white; + border: 1px solid variables.$white; svg { display: inline-block; transition: transform 0.4s ease; diff --git a/gurubu-client/src/app/styles/room/grooming-footer/grooming-footer.scss b/gurubu-client/src/app/styles/room/grooming-footer/grooming-footer.scss index ed0a4d6..e87bc2b 100644 --- a/gurubu-client/src/app/styles/room/grooming-footer/grooming-footer.scss +++ b/gurubu-client/src/app/styles/room/grooming-footer/grooming-footer.scss @@ -1,3 +1,5 @@ +@use "../../variables.scss"; + .grooming-footer { width: 100%; margin: auto auto 0 auto; @@ -8,23 +10,23 @@ position: relative; &__content { padding: 12px 48px 12px 48px; - @media (max-width: 850px) { - padding: 12px 0; - } display: flex; align-items: center; gap: 12px; - font-size: $font-size-paragraph-4; - line-height: $line-height-paragraph-5; - color: $gray-500; + font-size: variables.$font-size-paragraph-4; + line-height: variables.$line-height-paragraph-5; + color: variables.$gray-500; justify-content: center; width: 80%; + @media (max-width: 850px) { + padding: 12px 0; + } &-socials-container { display: flex; align-items: center; justify-content: center; gap: 6px; - border-left: 1px solid $gray-100; + border-left: 1px solid variables.$gray-100; padding-left: 12px; text-decoration: underline; @media (max-width: 850px) { diff --git a/gurubu-client/src/app/styles/room/grooming-navbar/announcement-tooltip.scss b/gurubu-client/src/app/styles/room/grooming-navbar/announcement-tooltip.scss index a3af195..665ff8d 100644 --- a/gurubu-client/src/app/styles/room/grooming-navbar/announcement-tooltip.scss +++ b/gurubu-client/src/app/styles/room/grooming-navbar/announcement-tooltip.scss @@ -1,3 +1,5 @@ +@use "../../variables"; + .announcement-tooltip { position: relative; margin-right: 8px; @@ -8,8 +10,8 @@ justify-content: center; padding: 4px; cursor: pointer; - border-radius: $radius-medium; - color: $primary-700; + border-radius: variables.$radius-medium; + color: variables.$primary-700; transition: all 0.2s ease; } @@ -19,9 +21,9 @@ right: 2px; width: 10px; height: 10px; - background: $red-600; + background: variables.$red-600; border-radius: 50%; - border: 2px solid $white; + border: 2px solid variables.$white; } &__content { @@ -29,10 +31,10 @@ top: calc(100% + 12px); right: 0; width: 280px; - background: $white; - border: 1px solid $gray-200; - border-radius: $radius-large; - box-shadow: $shadow-lg; + background: variables.$white; + border: 1px solid variables.$gray-200; + border-radius: variables.$radius-large; + box-shadow: variables.$shadow-lg; z-index: 100; animation: fadeIn 0.2s ease; } @@ -42,37 +44,37 @@ align-items: center; justify-content: space-between; padding: 12px 16px; - border-bottom: 1px solid $gray-200; + border-bottom: 1px solid variables.$gray-200; h3 { - font-size: $font-size-paragraph-3; - font-weight: $semibold; - color: $gray-900; + font-size: variables.$font-size-paragraph-3; + font-weight: variables.$semibold; + color: variables.$gray-900; } button { padding: 4px; border: none; background: none; - color: $gray-500; + color: variables.$gray-500; cursor: pointer; - border-radius: $radius-small; + border-radius: variables.$radius-small; transition: all 0.2s ease; &:hover { - background: $gray-100; - color: $gray-700; + background: variables.$gray-100; + color: variables.$gray-700; } } } &__body { padding: 16px; - color: $gray-700; + color: variables.$gray-700; p { margin-bottom: 12px; - font-size: $font-size-paragraph-4; + font-size: variables.$font-size-paragraph-4; } ul { @@ -81,7 +83,7 @@ li { margin-bottom: 8px; - font-size: $font-size-paragraph-4; + font-size: variables.$font-size-paragraph-4; list-style: disc; } } diff --git a/gurubu-client/src/app/styles/room/grooming-navbar/change-avatar.scss b/gurubu-client/src/app/styles/room/grooming-navbar/change-avatar.scss index 5f610d0..a16584b 100644 --- a/gurubu-client/src/app/styles/room/grooming-navbar/change-avatar.scss +++ b/gurubu-client/src/app/styles/room/grooming-navbar/change-avatar.scss @@ -1,3 +1,5 @@ +@use "../../variables"; + .change-avatar-container { display: flex; flex-direction: column; @@ -21,21 +23,21 @@ h4 { font-family: var(--font-space-grotesk); - font-weight: $bold; - font-size: $font-size-header-5; + font-weight: variables.$bold; + font-size: variables.$font-size-header-5; } } &-title { - font-size: $font-size-paragraph-2; - font-weight: $semibold; - color: $gray-900; + font-size: variables.$font-size-paragraph-2; + font-weight: variables.$semibold; + color: variables.$gray-900; margin-bottom: 8px; } &-subtitle { - font-size: $font-size-paragraph-4; - color: $gray-600; + font-size: variables.$font-size-paragraph-4; + color: variables.$gray-600; } } @@ -45,7 +47,7 @@ margin-bottom: 12px; border-radius: 50%; overflow: hidden; - border: 3px solid $primary-700; + border: 3px solid variables.$primary-700; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease; @@ -66,18 +68,18 @@ gap: 8px; padding: 10px 16px; margin-bottom: 16px; - border: 1px solid $gray-300; - border-radius: $radius-medium; - background: $gray-50; - color: $gray-700; - font-weight: $semibold; - font-size: $font-size-paragraph-4; + border: 1px solid variables.$gray-300; + border-radius: variables.$radius-medium; + background: variables.$gray-50; + color: variables.$gray-700; + font-weight: variables.$semibold; + font-size: variables.$font-size-paragraph-4; cursor: pointer; transition: all 0.2s ease; &:hover { - background: $gray-100; - border-color: $gray-400; + background: variables.$gray-100; + border-color: variables.$gray-400; transform: translateY(-1px); } @@ -107,28 +109,28 @@ gap: 8px; label { - font-size: $font-size-paragraph-4; - font-weight: $medium; - color: $gray-700; + font-size: variables.$font-size-paragraph-4; + font-weight: variables.$medium; + color: variables.$gray-700; } input, select { padding: 10px 12px; - border: 1px solid $gray-300; - border-radius: $radius-medium; - font-size: $font-size-paragraph-4; + border: 1px solid variables.$gray-300; + border-radius: variables.$radius-medium; + font-size: variables.$font-size-paragraph-4; cursor: pointer; transition: all 0.2s ease; &:hover { - border-color: $primary-700; + border-color: variables.$primary-700; } &:focus { outline: none; - border-color: $primary-700; - box-shadow: 0 0 0 3px rgba($primary-700, 0.1); + border-color: variables.$primary-700; + box-shadow: 0 0 0 3px rgba(variables.$primary-700, 0.1); } } @@ -150,9 +152,9 @@ button { flex: 1; padding: 12px; - border-radius: $radius-large; - font-weight: $semibold; - font-size: $font-size-paragraph-3; + border-radius: variables.$radius-large; + font-weight: variables.$semibold; + font-size: variables.$font-size-paragraph-3; cursor: pointer; transition: all 0.2s ease; display: flex; @@ -161,12 +163,12 @@ gap: 8px; &.save-button { - background: $primary-600; + background: variables.$primary-600; color: white; border: none; &:hover { - background: $primary-700; + background: variables.$primary-700; transform: translateY(-1px); } @@ -185,25 +187,25 @@ align-items: center; gap: 12px; padding: 10px 12px; - border: 1px solid $gray-300; - border-radius: $radius-medium; + border: 1px solid variables.$gray-300; + border-radius: variables.$radius-medium; cursor: pointer; transition: all 0.2s ease; &:hover { - border-color: $primary-700; + border-color: variables.$primary-700; } .color-swatch { width: 24px; height: 24px; - border-radius: $radius-small; - border: 1px solid $gray-200; + border-radius: variables.$radius-small; + border: 1px solid variables.$gray-200; } .color-value { - font-size: $font-size-paragraph-4; - color: $gray-700; + font-size: variables.$font-size-paragraph-4; + color: variables.$gray-700; font-family: var(--font-space-grotesk); text-transform: uppercase; } diff --git a/gurubu-client/src/app/styles/room/grooming-navbar/change-name.scss b/gurubu-client/src/app/styles/room/grooming-navbar/change-name.scss index 67f17cb..674dba8 100644 --- a/gurubu-client/src/app/styles/room/grooming-navbar/change-name.scss +++ b/gurubu-client/src/app/styles/room/grooming-navbar/change-name.scss @@ -1,3 +1,5 @@ +@use "../../variables"; + .change-name-container { display: flex; flex-direction: column; @@ -9,16 +11,16 @@ gap: 4px; & > h4 { font-family: var(--font-space-grotesk); - font-weight: $bold; - font-size: $font-size-header-5; - line-height: $line-height-paragraph-4; + font-weight: variables.$bold; + font-size: variables.$font-size-header-5; + line-height: variables.$line-height-paragraph-4; } } & > h5 { - color: $gray-600; - font-size: $font-size-paragraph-4; - line-height: $line-height-header-5; - font-weight: $regular; + color: variables.$gray-600; + font-size: variables.$font-size-paragraph-4; + line-height: variables.$line-height-header-5; + font-weight: variables.$regular; padding-top: 16px; padding-bottom: 20px; } @@ -29,21 +31,21 @@ & > input { width: 100%; padding: 10px 14px; - border: 1px solid $gray-300; - border-radius: $radius-large; + border: 1px solid variables.$gray-300; + border-radius: variables.$radius-large; } } & > button { font-family: var(--font-inter); width: 100%; - background: $primary-600; + background: variables.$primary-600; color: white; - font-weight: $semibold; - font-size: $font-size-paragraph-3; - line-height: $line-height-paragraph-4; + font-weight: variables.$semibold; + font-size: variables.$font-size-paragraph-3; + line-height: variables.$line-height-paragraph-4; padding: 10px 18px; - border: 1px solid $primary-600; - border-radius: $radius-large; + border: 1px solid variables.$primary-600; + border-radius: variables.$radius-large; margin-bottom: 32px; cursor: pointer; } diff --git a/gurubu-client/src/app/styles/room/grooming-navbar/grooming-board-profile.scss b/gurubu-client/src/app/styles/room/grooming-navbar/grooming-board-profile.scss index 24c1ebf..8873b90 100644 --- a/gurubu-client/src/app/styles/room/grooming-navbar/grooming-board-profile.scss +++ b/gurubu-client/src/app/styles/room/grooming-navbar/grooming-board-profile.scss @@ -1,10 +1,12 @@ +@use "../../variables"; + .grooming-board-profile { display: flex; height: 30px; justify-content: center; align-items: center; - padding: 0 0 0 $space-semi-small; - gap: 0 $space-semi-small; + padding: 0 0 0 variables.$space-semi-small; + gap: 0 variables.$space-semi-small; cursor: pointer; position: relative; position: relative; @@ -15,13 +17,13 @@ align-items: center; gap: 8px; padding: 4px 8px; - border-radius: $radius-large; + border-radius: variables.$radius-large; transition: all 0.2s ease; border: 1px solid transparent; &:hover { - background-color: $gray-50; - border-color: $gray-200; + background-color: variables.$gray-50; + border-color: variables.$gray-200; } } @@ -30,10 +32,10 @@ bottom: -70px; right: 0; background: #ffffff; - color: $gray-900; + color: variables.$gray-900; padding: 8px 12px; - border: 2px solid $gray-900; - border-radius: $radius-medium; + border: 2px solid variables.$gray-900; + border-radius: variables.$radius-medium; font-size: 16px; display: flex; align-items: center; @@ -51,14 +53,14 @@ border: none; background: transparent; cursor: pointer; - border-radius: $radius-small; + border-radius: variables.$radius-small; transition: all 0.2s ease; margin-left: 4px; pointer-events: all; &:hover { - color: $gray-900; - background: $gray-100; + color: variables.$gray-900; + background: variables.$gray-100; } } @@ -71,21 +73,21 @@ height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; - border-bottom: 9px solid $gray-900; + border-bottom: 9px solid variables.$gray-900; } svg { flex-shrink: 0; - color: $primary-700; + color: variables.$primary-700; } } &__icon { width: 30px; height: 30px; - border: 1px solid $primary-200; + border: 1px solid variables.$primary-200; border-radius: 100%; - color: $primary-600; + color: variables.$primary-600; position: relative; display: flex; align-items: center; @@ -94,9 +96,9 @@ } &__nickname { - font-size: $font-size-paragraph-4; - color: $gray-700; - font-weight: $medium; + font-size: variables.$font-size-paragraph-4; + color: variables.$gray-700; + font-weight: variables.$medium; max-width: 120px; overflow: hidden; text-overflow: ellipsis; @@ -104,12 +106,12 @@ } &__chevron { - color: $gray-400; + color: variables.$gray-400; transition: transform 0.2s ease; } &:hover &__chevron { - color: $gray-600; + color: variables.$gray-600; } &[aria-expanded="true"] &__chevron { @@ -120,17 +122,17 @@ top: calc(100% + 4px); right: 0; position: absolute; - background: $white; + background: variables.$white; min-width: 180px; - border: 1px solid $gray-200; - border-radius: $radius-large; + border: 1px solid variables.$gray-200; + border-radius: variables.$radius-large; padding: 4px; display: flex; justify-content: center; flex-direction: column; gap: 4px; z-index: 90; - box-shadow: $shadow-sm; + box-shadow: variables.$shadow-sm; } .theme-selector { @@ -145,40 +147,40 @@ width: 100%; padding: 8px 12px; border: none; - border-radius: $radius-medium; + border-radius: variables.$radius-medium; background: transparent; - color: $gray-500-v2; - font-weight: $semibold; - font-size: $font-size-paragraph-4; + color: variables.$gray-500-v2; + font-weight: variables.$semibold; + font-size: variables.$font-size-paragraph-4; cursor: pointer; transition: all 0.2s; text-align: left; &:hover { - background-color: $white; - color: $gray-700; - box-shadow: $shadow-sm; + background-color: variables.$white; + color: variables.$gray-700; + box-shadow: variables.$shadow-sm; } &.active { - background-color: $primary-50; - color: $primary-700; + background-color: variables.$primary-50; + color: variables.$primary-700; } } } &__theme-section { padding: 4px; - border-top: 1px solid $v2-gray-100; - border-bottom: 1px solid $v2-gray-100; + border-top: 1px solid variables.$v2-gray-100; + border-bottom: 1px solid variables.$v2-gray-100; } &__icon { width: 30px; height: 30px; - border: 1px solid $primary-200; + border: 1px solid variables.$primary-200; border-radius: 100%; - color: $primary-600; + color: variables.$primary-600; position: relative; display: flex; align-items: center; @@ -187,19 +189,19 @@ } &__text { - font-size: $font-size-paragraph-4; - color: $purple-600; + font-size: variables.$font-size-paragraph-4; + color: variables.$purple-600; } &__update-nickname-button { border: none; padding: 8px 12px; - border-radius: $radius-medium; + border-radius: variables.$radius-medium; cursor: pointer; - font-weight: $semibold; - font-size: $font-size-paragraph-4; - color: $gray-500-v2; - background: $gray-50-v2; + font-weight: variables.$semibold; + font-size: variables.$font-size-paragraph-4; + color: variables.$gray-500-v2; + background: variables.$gray-50-v2; transition: all 0.2s; text-align: left; } @@ -207,46 +209,46 @@ &__update-avatar-button { border: none; padding: 8px 12px; - border-radius: $radius-medium; + border-radius: variables.$radius-medium; cursor: pointer; - font-weight: $semibold; - font-size: $font-size-paragraph-4; - color: $gray-500-v2; - background: $gray-50-v2; + font-weight:variables.$semibold; + font-size: variables.$font-size-paragraph-4; + color: variables.$gray-500-v2; + background: variables.$gray-50-v2; transition: all 0.2s; text-align: left; width: 100%; &:hover { - background-color: $white; - color: $gray-700; - box-shadow: $shadow-sm; + background-color: variables.$white; + color: variables.$gray-700; + box-shadow: variables.$shadow-sm; } } &__leave-room-button { border: none; padding: 8px 12px; - border-radius: $radius-medium; + border-radius: variables.$radius-medium; cursor: pointer; - font-weight: $semibold; - font-size: $font-size-paragraph-4; - color: $gray-500-v2; - background: $gray-50-v2; + font-weight: variables.$semibold; + font-size: variables.$font-size-paragraph-4; + color: variables.$gray-500-v2; + background: variables.$gray-50-v2; transition: all 0.2s; text-align: left; } &__update-nickname-button:hover { - background-color: $white; - color: $gray-700; - box-shadow: $shadow-sm; + background-color: variables.$white; + color: variables.$gray-700; + box-shadow: variables.$shadow-sm; } &__leave-room-button:hover { background-color: #fff4ed; - color: $orange-dark; - box-shadow: $shadow-sm; + color: variables.$orange-dark; + box-shadow: variables.$shadow-sm; } } diff --git a/gurubu-client/src/app/styles/room/grooming-navbar/grooming-navbar.scss b/gurubu-client/src/app/styles/room/grooming-navbar/grooming-navbar.scss index 0b896d9..2703a45 100644 --- a/gurubu-client/src/app/styles/room/grooming-navbar/grooming-navbar.scss +++ b/gurubu-client/src/app/styles/room/grooming-navbar/grooming-navbar.scss @@ -1,6 +1,8 @@ +@use "../../variables"; + .grooming-navbar { width: 100%; - border-bottom: 1px solid $gray-20; + border-bottom: 1px solid variables.$gray-20; &__content { display: flex; @@ -8,9 +10,9 @@ align-items: center; width: 80%; margin: 0 auto; - padding: $space-xlarge $space-xxxlarge; + padding: variables.$space-xlarge variables.$space-xxxlarge; @media (max-width: 850px) { - padding: $space-xlarge 12px; + padding: variables.$space-xlarge 12px; margin: 0 12px; } @@ -22,7 +24,7 @@ display: flex; align-items: center; gap: 4px; - border-left: 1px solid $gray-100; + border-left: 1px solid variables.$gray-100; padding-left: 12px; margin-left: 12px; @media (max-width: 850px) { @@ -33,7 +35,7 @@ &-actions { display: flex; - gap: 0 $space-xlarge; + gap: 0 variables.$space-xlarge; @media (max-width: 850px) { display: none; } @@ -41,46 +43,46 @@ &-participants { display: flex; - gap: 0 $space-small; + gap: 0 variables.$space-small; align-items: center; - font-size: $font-size-paragraph-5; - font-weight: $medium; + font-size: variables.$font-size-paragraph-5; + font-weight: variables.$medium; user-select: none; } &-participant-number-section { display: flex; align-items: center; - color: $white; - background-color: $primary-700; - border: 1px solid $primary-200; - border-radius: $radius-xxlarge; - gap: $space-xsmall; + color: variables.$white; + background-color: variables.$primary-700; + border: 1px solid variables.$primary-200; + border-radius: variables.$radius-xxlarge; + gap: variables.$space-xsmall; height: 20px; - padding: 0 $space-small 0 $space-semi-small; + padding: 0 variables.$space-small 0 variables.$space-semi-small; } &-participant-number { - line-height: $line-height-paragraph-5; + line-height: variables.$line-height-paragraph-5; } &-participant-text { - color: $primary-700; - line-height: $line-height-paragraph-5; + color: variables.$primary-700; + line-height: variables.$line-height-paragraph-5; } &-copy-link { display: flex; align-items: center; - padding: $space-small $space-medium; - gap: 0 $space-small; - background-color: $primary-50; - color: $primary-700; - font-size: $font-size-paragraph-5; - font-weight: $semibold; + padding: variables.$space-small variables.$space-medium; + gap: 0 variables.$space-small; + background-color: variables.$primary-50; + color: variables.$primary-700; + font-size: variables.$font-size-paragraph-5; + font-weight: variables.$semibold; border: none; outline: none; - border-radius: $radius-large; + border-radius: variables.$radius-large; height: fit-content; cursor: pointer; } @@ -88,15 +90,15 @@ &-import-jira-issues { display: flex; align-items: center; - padding: $space-small $space-medium; - gap: 0 $space-small; - background-color: $primary-50; - color: $primary-700; - font-size: $font-size-paragraph-5; - font-weight: $semibold; + padding: variables.$space-small variables.$space-medium; + gap: 0 variables.$space-small; + background-color: variables.$primary-50; + color: variables.$primary-700; + font-size: variables.$font-size-paragraph-5; + font-weight: variables.$semibold; border: none; outline: none; - border-radius: $radius-large; + border-radius: variables.$radius-large; height: fit-content; cursor: pointer; position: relative; diff --git a/gurubu-client/src/app/styles/room/grooming-navbar/import-jira-issues.scss b/gurubu-client/src/app/styles/room/grooming-navbar/import-jira-issues.scss index 5f3c923..8e35504 100644 --- a/gurubu-client/src/app/styles/room/grooming-navbar/import-jira-issues.scss +++ b/gurubu-client/src/app/styles/room/grooming-navbar/import-jira-issues.scss @@ -1,3 +1,5 @@ +@use "../../variables"; + .import-jira-issues { display: flex; flex-direction: column; @@ -5,7 +7,7 @@ gap: 1rem; padding: 16px; .import-jira-issues-help{ - color: $primary-700; + color: variables.$primary-700; } &__logo { @@ -27,14 +29,14 @@ top: 50%; right: -10px; transform: translate(-50%, -50%); - color: $primary-700; + color: variables.$primary-700; cursor: pointer; } >input{ width: 100%; padding: 10px 25px 10px 14px; - border: 1px solid $gray-300; - border-radius: $radius-large; + border: 1px solid variables.$gray-300; + border-radius: variables.$radius-large; } } @@ -46,31 +48,31 @@ &>select { width: 100%; padding: 10px 14px; - border: 1px solid $gray-300; - border-radius: $radius-large; + border: 1px solid variables.$gray-300; + border-radius: variables.$radius-large; } &>button { font-family: var(--font-inter); width: 100%; - background: $primary-600; + background: variables.$primary-600; color: white; - font-weight: $semibold; - font-size: $font-size-paragraph-3; - line-height: $line-height-paragraph-4; + font-weight: variables.$semibold; + font-size: variables.$font-size-paragraph-3; + line-height: variables.$line-height-paragraph-4; padding: 10px 18px; - border: 1px solid $primary-600; - border-radius: $radius-large; + border: 1px solid variables.$primary-600; + border-radius: variables.$radius-large; cursor: pointer; &:hover{ - background-color: $purple-500; + background-color: variables.$purple-500; } &:nth-child(2){ - background-color: $white; + background-color: variables.$white; border: 1px solid #cdd1d4; - color: $gray-700; + color: variables.$gray-700; &:hover { - background-color: $off-white; + background-color: variables.$off-white; } } } diff --git a/gurubu-client/src/app/styles/room/grooming-navbar/leave-room.scss b/gurubu-client/src/app/styles/room/grooming-navbar/leave-room.scss index 3901a37..9f64d21 100644 --- a/gurubu-client/src/app/styles/room/grooming-navbar/leave-room.scss +++ b/gurubu-client/src/app/styles/room/grooming-navbar/leave-room.scss @@ -1,3 +1,5 @@ +@use "../../variables"; + .leave-room { display: flex; flex-direction: column; @@ -5,30 +7,30 @@ width: 100%; &__error-sign { border-radius: 50%; - background: $red-100; + background: variables.$red-100; padding: 16px; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; - border: 8px solid $red-50; + border: 8px solid variables.$red-50; margin-bottom: 16px; } & > h4 { - font-weight: $semibold; - font-size: $font-size-paragraph-2; - line-height: $font-size-body-3; - color: $gray-900; + font-weight: variables.$semibold; + font-size: variables.$font-size-paragraph-2; + line-height: variables.$font-size-body-3; + color: variables.$gray-900; padding-bottom: 4px; } & > h5 { - font-size: $font-size-paragraph-4; - line-height: $line-height-header-5; - font-weight: $regular; + font-size: variables.$font-size-paragraph-4; + line-height: variables.$line-height-header-5; + font-weight: variables.$regular; padding-bottom: 32px; - color: $gray-600; + color: variables.$gray-600; } &__dialog-buttons { display: flex; @@ -37,36 +39,36 @@ & > * { padding: 10px 18px; - border-radius: $radius-large; + border-radius: variables.$radius-large; width: 100%; cursor: pointer; - font-size: $font-size-paragraph-3; - font-weight: $semibold; - line-height: $line-height-paragraph-4; + font-size: variables.$font-size-paragraph-3; + font-weight: variables.$semibold; + line-height: variables.$line-height-paragraph-4; } & > :first-child { - border: 1px solid $gray-300; - background: $white; - color: $gray-700; + border: 1px solid variables.$gray-300; + background: variables.$white; + color: variables.$gray-700; } & > :last-child { - border: 1px solid $red-600; - background: $red-600; - color: $white; + border: 1px solid variables.$red-600; + background: variables.$red-600; + color: variables.$white; } } & > button { width: 100%; - background: $primary-600; + background: variables.$primary-600; color: white; - font-weight: $semibold; - font-size: $font-size-paragraph-3; - line-height: $line-height-paragraph-4; + font-weight: variables.$semibold; + font-size: variables.$font-size-paragraph-3; + line-height: variables.$line-height-paragraph-4; padding: 10px 18px; - border: 1px solid $primary-600; - border-radius: $radius-large; + border: 1px solid variables.$primary-600; + border-radius: variables.$radius-large; margin-bottom: 32px; cursor: pointer; } diff --git a/gurubu-client/src/app/styles/room/grooming-navbar/timer.scss b/gurubu-client/src/app/styles/room/grooming-navbar/timer.scss index 0713863..324d59c 100644 --- a/gurubu-client/src/app/styles/room/grooming-navbar/timer.scss +++ b/gurubu-client/src/app/styles/room/grooming-navbar/timer.scss @@ -1,3 +1,5 @@ +@use "../../variables"; + .timer-container { position: relative; display: flex; @@ -6,7 +8,7 @@ margin-right: 4px; &.is-locale-time-left{ .timer-trigger { - padding: 0 $space-semi-medium; + padding: 0 variables.$space-semi-medium; background-color: #f9f5ff; } } @@ -18,10 +20,10 @@ gap: 8px; height: 30px; border: none; - border-radius: $radius-large; + border-radius: variables.$radius-large; color: #6941c6; cursor: pointer; - font-size: $font-size-paragraph-4; + font-size: variables.$font-size-paragraph-4; transition: all 0.2s; font-size: 16px; line-height: 20px; @@ -33,16 +35,16 @@ position: absolute; top: 36px; right: 0; - background: $white; + background: variables.$white; width: 120px; border: 1px solid #E6E6E6; - border-radius: $radius-large; + border-radius: variables.$radius-large; padding: 4px; display: flex; flex-direction: column; gap: 4px; z-index: 90; - box-shadow: $shadow-sm; + box-shadow: variables.$shadow-sm; } .timer-options { @@ -59,11 +61,11 @@ width: calc(50% - 2px); padding: 8px 12px; border: none; - border-radius: $radius-medium; + border-radius: variables.$radius-medium; background: transparent; - color: $gray-600; - font-weight: $medium; - font-size: $font-size-paragraph-4; + color: variables.$gray-600; + font-weight: variables.$medium; + font-size: variables.$font-size-paragraph-4; cursor: pointer; transition: all 0.2s; text-align: center; @@ -90,7 +92,7 @@ width: calc(50% - 2px); height: 30px; border: none; - border-radius: $radius-medium; + border-radius: variables.$radius-medium; background-color: #f9f5ff; color: #6941c6; cursor: pointer; diff --git a/gurubu-client/src/app/styles/room/not-found.scss b/gurubu-client/src/app/styles/room/not-found.scss index d02467a..5754895 100644 --- a/gurubu-client/src/app/styles/room/not-found.scss +++ b/gurubu-client/src/app/styles/room/not-found.scss @@ -1,28 +1,30 @@ +@use "../variables"; + .room-not-found { min-height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; - gap: $space-large 0; + gap: variables.$space-large 0; &__header { - color: $blue-900; - font-size: $font-size-header-3; - line-height: $line-height-header-3; - font-weight: $semibold; + color: variables.$blue-900; + font-size: variables.$font-size-header-3; + line-height: variables.$line-height-header-3; + font-weight: variables.$semibold; } &__link { - padding: $space-small; - color: $blue-900; - background-color: $yellow-500; - font-size: $font-size-paragraph-2; - line-height: $line-height-paragraph-2; - font-weight: $medium; - border-radius: $radius-small; + padding: variables.$space-small; + color: variables.$blue-900; + background-color: variables.$yellow-500; + font-size: variables.$font-size-paragraph-2; + line-height: variables.$line-height-paragraph-2; + font-weight: variables.$medium; + border-radius: variables.$radius-small; } &__link:hover { - background-color: $yellow-400; + background-color: variables.$yellow-400; } } diff --git a/gurubu-client/src/app/styles/room/style.scss b/gurubu-client/src/app/styles/room/style.scss index 1903739..0e66002 100644 --- a/gurubu-client/src/app/styles/room/style.scss +++ b/gurubu-client/src/app/styles/room/style.scss @@ -1,36 +1,37 @@ +@use "sass:meta"; +@use "../variables.scss"; +@use "../mixins.scss"; @import "intro.js/introjs.css"; -@import "../variables.scss"; -@import "../mixins.scss"; -@import "./grooming-navbar/grooming-navbar.scss"; -@import "./grooming-navbar/announcement-tooltip.scss"; -@import "./grooming-navbar/grooming-board-profile.scss"; -@import "./grooming-navbar/change-name.scss"; -@import "./grooming-navbar/change-avatar.scss"; -@import "./grooming-navbar/leave-room.scss"; -@import "./grooming-navbar/timer.scss"; -@import "./grooming-navbar/import-jira-issues.scss"; -@import "./grooming-board/vote-card.scss"; -@import "./grooming-board/vote-card-v2.scss"; -@import "./grooming-board/voting-stick.scss"; -@import "./grooming-board/voting-stick-v2.scss"; -@import "./grooming-board/nickname-form.scss"; -@import "./grooming-board/grooming-board.scss"; -@import "./grooming-board/connecting-info.scss"; -@import "./grooming-board/metric-averages.scss"; -@import "./grooming-board/grooming-board-participants.scss"; -@import "./grooming-board/grooming-board-error-popup.scss"; -@import "./grooming-board/grooming-board-jira-table.scss"; -@import "./grooming-board/grooming-board-result.scss"; -@import "./grooming-board/grooming-board-resultv2.scss"; -@import "./grooming-board/metricToggleTooltip.scss"; -@import "./grooming-board/grooming-board-live-chart.scss"; -@import "./grooming-footer/grooming-footer.scss"; -@import "./grooming-footer/feedback.scss"; -@import "./jira-sidebar/jira-sidebar.scss"; -@import "./themes/theme.scss"; -@import "./not-found.scss"; -@import "./loading.scss"; +@include meta.load-css("grooming-navbar/grooming-navbar.scss"); +@include meta.load-css("grooming-navbar/announcement-tooltip.scss"); +@include meta.load-css("grooming-navbar/grooming-board-profile.scss"); +@include meta.load-css("grooming-navbar/change-name.scss"); +@include meta.load-css("grooming-navbar/change-avatar.scss"); +@include meta.load-css("grooming-navbar/leave-room.scss"); +@include meta.load-css("grooming-navbar/timer.scss"); +@include meta.load-css("grooming-navbar/import-jira-issues.scss"); +@include meta.load-css("grooming-board/vote-card.scss"); +@include meta.load-css("grooming-board/vote-card-v2.scss"); +@include meta.load-css("grooming-board/voting-stick.scss"); +@include meta.load-css("grooming-board/voting-stick-v2.scss"); +@include meta.load-css("grooming-board/nickname-form.scss"); +@include meta.load-css("grooming-board/grooming-board.scss"); +@include meta.load-css("grooming-board/connecting-info.scss"); +@include meta.load-css("grooming-board/metric-averages.scss"); +@include meta.load-css("grooming-board/grooming-board-participants.scss"); +@include meta.load-css("grooming-board/grooming-board-error-popup.scss"); +@include meta.load-css("grooming-board/grooming-board-jira-table.scss"); +@include meta.load-css("grooming-board/grooming-board-result.scss"); +@include meta.load-css("grooming-board/grooming-board-resultv2.scss"); +@include meta.load-css("grooming-board/metricToggleTooltip.scss"); +@include meta.load-css("grooming-board/grooming-board-live-chart.scss"); +@include meta.load-css("grooming-footer/grooming-footer.scss"); +@include meta.load-css("grooming-footer/feedback.scss"); +@include meta.load-css("jira-sidebar/jira-sidebar.scss"); +@include meta.load-css("themes/theme.scss"); +@include meta.load-css("not-found.scss"); +@include meta.load-css("loading.scss"); @media (max-width: 850px) { .introjsFloatingElement, @@ -52,7 +53,7 @@ } .introjs-tooltip-title { - color: $primary-700; + color: variables.$primary-700; } .introjs-tooltiptext { @@ -94,7 +95,7 @@ align-items: center; flex-direction: column; text-align: center; - background: $body-color; + background: variables.$body-color; } .grooming-room { @@ -118,7 +119,7 @@ align-items: center; flex-direction: column; text-align: center; - background: $body-color; + background: variables.$body-color; } } @@ -126,13 +127,13 @@ display: flex; align-items: center; .toaster-title { - color: $primary-700; + color: variables.$primary-700; font-size: 16px; line-height: 20px; font-weight: 600; } .toaster-description { - color: $gray-500; + color: variables.$gray-500; font-size: 14px; line-height: 18px; } diff --git a/gurubu-client/src/app/styles/room/themes/snow-theme.scss b/gurubu-client/src/app/styles/room/themes/snow-theme.scss index 04b8246..700f287 100644 --- a/gurubu-client/src/app/styles/room/themes/snow-theme.scss +++ b/gurubu-client/src/app/styles/room/themes/snow-theme.scss @@ -1,3 +1,5 @@ +@use "../../variables.scss"; + .snow-active { background-color: #1a1a2e; } @@ -17,9 +19,9 @@ } .grooming-board__reset-votes-button { - color: $gray-50-v2; + color: variables.$gray-50-v2; &:hover { - color: $gray-700; + color: variables.$gray-700; } } diff --git a/gurubu-client/src/app/styles/room/themes/theme.scss b/gurubu-client/src/app/styles/room/themes/theme.scss index 380e132..64c4e4c 100644 --- a/gurubu-client/src/app/styles/room/themes/theme.scss +++ b/gurubu-client/src/app/styles/room/themes/theme.scss @@ -1,4 +1,5 @@ -@import "./snow-theme.scss"; +@use "snow-theme.scss"; +@use "../../variables"; .theme-selector-container { position: relative; @@ -11,10 +12,10 @@ gap: 8px; height: 30px; border: none; - border-radius: $radius-large; - color: $primary-700; + border-radius: variables.$radius-large; + color: variables.$primary-700; cursor: pointer; - font-size: $font-size-paragraph-4; + font-size: variables.$font-size-paragraph-4; transition: all 0.2s; background: none; } @@ -23,16 +24,16 @@ position: absolute; top: 36px; right: 0; - background: $white; + background: variables.$white; width: 150px; border: 1px solid #E6E6E6; - border-radius: $radius-large; + border-radius: variables.$radius-large; padding: 4px; display: flex; flex-direction: column; gap: 4px; z-index: 90; - box-shadow: $shadow-sm; + box-shadow: variables.$shadow-sm; } .theme-selector-option { @@ -42,11 +43,11 @@ width: 100%; padding: 8px 12px; border: none; - border-radius: $radius-medium; + border-radius: variables.$radius-medium; background: transparent; - color: $gray-600; - font-weight: $medium; - font-size: $font-size-paragraph-4; + color: variables.$gray-600; + font-weight: variables.$medium; + font-size: variables.$font-size-paragraph-4; cursor: pointer; transition: all 0.2s; text-align: left; diff --git a/gurubu-client/yarn.lock b/gurubu-client/yarn.lock index d098b69..3aa5e21 100644 --- a/gurubu-client/yarn.lock +++ b/gurubu-client/yarn.lock @@ -202,6 +202,13 @@ dependencies: tslib "^2.4.0" +"@emnapi/runtime@^1.2.0": + version "1.3.1" + resolved "https://registry.yarnpkg.com/@emnapi/runtime/-/runtime-1.3.1.tgz#0fcaa575afc31f455fd33534c19381cfce6c6f60" + integrity sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw== + dependencies: + tslib "^2.4.0" + "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0": version "4.4.1" resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz#d1145bf2c20132d6400495d6df4bf59362fd9d56" @@ -209,7 +216,7 @@ dependencies: eslint-visitor-keys "^3.4.3" -"@eslint-community/regexpp@^4.5.1", "@eslint-community/regexpp@^4.6.1": +"@eslint-community/regexpp@^4.10.0", "@eslint-community/regexpp@^4.5.1", "@eslint-community/regexpp@^4.6.1": version "4.12.1" resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0" integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ== @@ -260,6 +267,13 @@ optionalDependencies: "@img/sharp-libvips-darwin-arm64" "1.0.0" +"@img/sharp-darwin-arm64@0.33.5": + version "0.33.5" + resolved "https://registry.yarnpkg.com/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.5.tgz#ef5b5a07862805f1e8145a377c8ba6e98813ca08" + integrity sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ== + optionalDependencies: + "@img/sharp-libvips-darwin-arm64" "1.0.4" + "@img/sharp-darwin-x64@0.33.1": version "0.33.1" resolved "https://registry.yarnpkg.com/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.1.tgz#3ad6b275dba0ed9995ce4403fc2c59b0475a0162" @@ -267,46 +281,93 @@ optionalDependencies: "@img/sharp-libvips-darwin-x64" "1.0.0" +"@img/sharp-darwin-x64@0.33.5": + version "0.33.5" + resolved "https://registry.yarnpkg.com/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.5.tgz#e03d3451cd9e664faa72948cc70a403ea4063d61" + integrity sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q== + optionalDependencies: + "@img/sharp-libvips-darwin-x64" "1.0.4" + "@img/sharp-libvips-darwin-arm64@1.0.0": version "1.0.0" resolved "https://registry.yarnpkg.com/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.0.tgz#8baf27b01dabba524e885c30287e1916ab978de7" integrity sha512-VzYd6OwnUR81sInf3alj1wiokY50DjsHz5bvfnsFpxs5tqQxESoHtJO6xyksDs3RIkyhMWq2FufXo6GNSU9BMw== +"@img/sharp-libvips-darwin-arm64@1.0.4": + version "1.0.4" + resolved "https://registry.yarnpkg.com/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.4.tgz#447c5026700c01a993c7804eb8af5f6e9868c07f" + integrity sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg== + "@img/sharp-libvips-darwin-x64@1.0.0": version "1.0.0" resolved "https://registry.yarnpkg.com/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.0.tgz#509113f649d3ea0e99b76d41437fc0049d8ba2f9" integrity sha512-dD9OznTlHD6aovRswaPNEy8dKtSAmNo4++tO7uuR4o5VxbVAOoEQ1uSmN4iFAdQneTHws1lkTZeiXPrcCkh6IA== +"@img/sharp-libvips-darwin-x64@1.0.4": + version "1.0.4" + resolved "https://registry.yarnpkg.com/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.4.tgz#e0456f8f7c623f9dbfbdc77383caa72281d86062" + integrity sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ== + "@img/sharp-libvips-linux-arm64@1.0.0": version "1.0.0" resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.0.tgz#9e131cc95f9f8aa36da9addee89efead21ad9993" integrity sha512-xTYThiqEZEZc0PRU90yVtM3KE7lw1bKdnDQ9kCTHWbqWyHOe4NpPOtMGy27YnN51q0J5dqRrvicfPbALIOeAZA== +"@img/sharp-libvips-linux-arm64@1.0.4": + version "1.0.4" + resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.4.tgz#979b1c66c9a91f7ff2893556ef267f90ebe51704" + integrity sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA== + "@img/sharp-libvips-linux-arm@1.0.0": version "1.0.0" resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.0.tgz#a529f68a28ab1d219907071c41ace029121d1c4f" integrity sha512-VwgD2eEikDJUk09Mn9Dzi1OW2OJFRQK+XlBTkUNmAWPrtj8Ly0yq05DFgu1VCMx2/DqCGQVi5A1dM9hTmxf3uw== +"@img/sharp-libvips-linux-arm@1.0.5": + version "1.0.5" + resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.5.tgz#99f922d4e15216ec205dcb6891b721bfd2884197" + integrity sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g== + "@img/sharp-libvips-linux-s390x@1.0.0": version "1.0.0" resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.0.tgz#c26aaa9ee58b47ff901bb5f93f29c4ab3f03caf7" integrity sha512-o9E46WWBC6JsBlwU4QyU9578G77HBDT1NInd+aERfxeOPbk0qBZHgoDsQmA2v9TbqJRWzoBPx1aLOhprBMgPjw== +"@img/sharp-libvips-linux-s390x@1.0.4": + version "1.0.4" + resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.4.tgz#f8a5eb1f374a082f72b3f45e2fb25b8118a8a5ce" + integrity sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA== + "@img/sharp-libvips-linux-x64@1.0.0": version "1.0.0" resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.0.tgz#7a04795fbf2668b9dd7c74bf8326cb779131d809" integrity sha512-naldaJy4hSVhWBgEjfdBY85CAa4UO+W1nx6a1sWStHZ7EUfNiuBTTN2KUYT5dH1+p/xij1t2QSXfCiFJoC5S/Q== +"@img/sharp-libvips-linux-x64@1.0.4": + version "1.0.4" + resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.4.tgz#d4c4619cdd157774906e15770ee119931c7ef5e0" + integrity sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw== + "@img/sharp-libvips-linuxmusl-arm64@1.0.0": version "1.0.0" resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.0.tgz#600e7322faa5ce124d3ae2cbf63808ea47678591" integrity sha512-OdorplCyvmSAPsoJLldtLh3nLxRrkAAAOHsGWGDYfN0kh730gifK+UZb3dWORRa6EusNqCTjfXV4GxvgJ/nPDQ== +"@img/sharp-libvips-linuxmusl-arm64@1.0.4": + version "1.0.4" + resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.4.tgz#166778da0f48dd2bded1fa3033cee6b588f0d5d5" + integrity sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA== + "@img/sharp-libvips-linuxmusl-x64@1.0.0": version "1.0.0" resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.0.tgz#af33a04e75f192c5396c6a41df8b7b7bf15a8006" integrity sha512-FW8iK6rJrg+X2jKD0Ajhjv6y74lToIBEvkZhl42nZt563FfxkCYacrXZtd+q/sRQDypQLzY5WdLkVTbJoPyqNg== +"@img/sharp-libvips-linuxmusl-x64@1.0.4": + version "1.0.4" + resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz#93794e4d7720b077fcad3e02982f2f1c246751ff" + integrity sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw== + "@img/sharp-linux-arm64@0.33.1": version "0.33.1" resolved "https://registry.yarnpkg.com/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.1.tgz#3f419eb6f9ace924c511903a4d9034fb847de06b" @@ -314,6 +375,13 @@ optionalDependencies: "@img/sharp-libvips-linux-arm64" "1.0.0" +"@img/sharp-linux-arm64@0.33.5": + version "0.33.5" + resolved "https://registry.yarnpkg.com/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.5.tgz#edb0697e7a8279c9fc829a60fc35644c4839bb22" + integrity sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA== + optionalDependencies: + "@img/sharp-libvips-linux-arm64" "1.0.4" + "@img/sharp-linux-arm@0.33.1": version "0.33.1" resolved "https://registry.yarnpkg.com/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.1.tgz#87e157716c55fa274dd652e71bf9a5b7c260f8ab" @@ -321,6 +389,13 @@ optionalDependencies: "@img/sharp-libvips-linux-arm" "1.0.0" +"@img/sharp-linux-arm@0.33.5": + version "0.33.5" + resolved "https://registry.yarnpkg.com/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.5.tgz#422c1a352e7b5832842577dc51602bcd5b6f5eff" + integrity sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ== + optionalDependencies: + "@img/sharp-libvips-linux-arm" "1.0.5" + "@img/sharp-linux-s390x@0.33.1": version "0.33.1" resolved "https://registry.yarnpkg.com/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.1.tgz#c554567bb211cb1e916562752e70ef65df0cdcb7" @@ -328,6 +403,13 @@ optionalDependencies: "@img/sharp-libvips-linux-s390x" "1.0.0" +"@img/sharp-linux-s390x@0.33.5": + version "0.33.5" + resolved "https://registry.yarnpkg.com/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.5.tgz#f5c077926b48e97e4a04d004dfaf175972059667" + integrity sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q== + optionalDependencies: + "@img/sharp-libvips-linux-s390x" "1.0.4" + "@img/sharp-linux-x64@0.33.1": version "0.33.1" resolved "https://registry.yarnpkg.com/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.1.tgz#c8623c743e2a68b460b63bd2e225b1b5a485d144" @@ -335,6 +417,13 @@ optionalDependencies: "@img/sharp-libvips-linux-x64" "1.0.0" +"@img/sharp-linux-x64@0.33.5": + version "0.33.5" + resolved "https://registry.yarnpkg.com/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.5.tgz#d806e0afd71ae6775cc87f0da8f2d03a7c2209cb" + integrity sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA== + optionalDependencies: + "@img/sharp-libvips-linux-x64" "1.0.4" + "@img/sharp-linuxmusl-arm64@0.33.1": version "0.33.1" resolved "https://registry.yarnpkg.com/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.1.tgz#1b17f9950246108cb22cf98f1822fbe4a5b0dc9e" @@ -342,6 +431,13 @@ optionalDependencies: "@img/sharp-libvips-linuxmusl-arm64" "1.0.0" +"@img/sharp-linuxmusl-arm64@0.33.5": + version "0.33.5" + resolved "https://registry.yarnpkg.com/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.5.tgz#252975b915894fb315af5deea174651e208d3d6b" + integrity sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g== + optionalDependencies: + "@img/sharp-libvips-linuxmusl-arm64" "1.0.4" + "@img/sharp-linuxmusl-x64@0.33.1": version "0.33.1" resolved "https://registry.yarnpkg.com/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.1.tgz#69e2ab197c6d6e7a09748e0f2d03244d2c2afed7" @@ -349,6 +445,13 @@ optionalDependencies: "@img/sharp-libvips-linuxmusl-x64" "1.0.0" +"@img/sharp-linuxmusl-x64@0.33.5": + version "0.33.5" + resolved "https://registry.yarnpkg.com/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz#3f4609ac5d8ef8ec7dadee80b560961a60fd4f48" + integrity sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw== + optionalDependencies: + "@img/sharp-libvips-linuxmusl-x64" "1.0.4" + "@img/sharp-wasm32@0.33.1": version "0.33.1" resolved "https://registry.yarnpkg.com/@img/sharp-wasm32/-/sharp-wasm32-0.33.1.tgz#aa6f33a8535e6bd4a66c59aeb569499db9d30043" @@ -356,72 +459,84 @@ dependencies: "@emnapi/runtime" "^0.44.0" +"@img/sharp-wasm32@0.33.5": + version "0.33.5" + resolved "https://registry.yarnpkg.com/@img/sharp-wasm32/-/sharp-wasm32-0.33.5.tgz#6f44f3283069d935bb5ca5813153572f3e6f61a1" + integrity sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg== + dependencies: + "@emnapi/runtime" "^1.2.0" + "@img/sharp-win32-ia32@0.33.1": version "0.33.1" resolved "https://registry.yarnpkg.com/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.1.tgz#8df522d79b3c08f59e65fbe773849daa353c4f12" integrity sha512-/xhYkylsKL05R+NXGJc9xr2Tuw6WIVl2lubFJaFYfW4/MQ4J+dgjIo/T4qjNRizrqs/szF/lC9a5+updmY9jaQ== +"@img/sharp-win32-ia32@0.33.5": + version "0.33.5" + resolved "https://registry.yarnpkg.com/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.5.tgz#1a0c839a40c5351e9885628c85f2e5dfd02b52a9" + integrity sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ== + "@img/sharp-win32-x64@0.33.1": version "0.33.1" resolved "https://registry.yarnpkg.com/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.1.tgz#8b56e97dc9d987b070d7530a357161d0f057c5af" integrity sha512-XaM69X0n6kTEsp9tVYYLhXdg7Qj32vYJlAKRutxUsm1UlgQNx6BOhHwZPwukCGXBU2+tH87ip2eV1I/E8MQnZg== -"@next/env@14.0.0": - version "14.0.0" - resolved "https://registry.yarnpkg.com/@next/env/-/env-14.0.0.tgz#d8956f5ccf86b4098ac281f1ca94efe86fabd3c0" - integrity sha512-cIKhxkfVELB6hFjYsbtEeTus2mwrTC+JissfZYM0n+8Fv+g8ucUfOlm3VEDtwtwydZ0Nuauv3bl0qF82nnCAqA== - -"@next/eslint-plugin-next@14.0.0": - version "14.0.0" - resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-14.0.0.tgz#b299e61292b8abede7ecb37499feb817385801e6" - integrity sha512-Ye37nNI09V3yt7pzuzSQtwlvuJ2CGzFszHXkcTHHZgNr7EhTMFLipn3VSJChy+e5+ahTdNApPphc3qCPUsn10A== - dependencies: - glob "7.1.7" - -"@next/swc-darwin-arm64@14.0.0": - version "14.0.0" - resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.0.tgz#74599aec959b2c425f603447f852ac5eefbb3fd6" - integrity sha512-HQKi159jCz4SRsPesVCiNN6tPSAFUkOuSkpJsqYTIlbHLKr1mD6be/J0TvWV6fwJekj81bZV9V/Tgx3C2HO9lA== - -"@next/swc-darwin-x64@14.0.0": - version "14.0.0" - resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-14.0.0.tgz#6f628a1a13b4bc09c0450bb171703f60ca7a6c56" - integrity sha512-4YyQLMSaCgX/kgC1jjF3s3xSoBnwHuDhnF6WA1DWNEYRsbOOPWjcYhv8TKhRe2ApdOam+VfQSffC4ZD+X4u1Cg== - -"@next/swc-linux-arm64-gnu@14.0.0": - version "14.0.0" - resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.0.0.tgz#0088f3d13b253657333b6aced57e1e278452e766" - integrity sha512-io7fMkJ28Glj7SH8yvnlD6naIhRDnDxeE55CmpQkj3+uaA2Hko6WGY2pT5SzpQLTnGGnviK85cy8EJ2qsETj/g== - -"@next/swc-linux-arm64-musl@14.0.0": - version "14.0.0" - resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.0.0.tgz#44d7c9be63dfdea2d4feeba515a8c80ca56f2d87" - integrity sha512-nC2h0l1Jt8LEzyQeSs/BKpXAMe0mnHIMykYALWaeddTqCv5UEN8nGO3BG8JAqW/Y8iutqJsaMe2A9itS0d/r8w== - -"@next/swc-linux-x64-gnu@14.0.0": - version "14.0.0" - resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.0.0.tgz#064b7ca6da98ca7468ae5d97370e73a8bc2eee76" - integrity sha512-Wf+WjXibJQ7hHXOdNOmSMW5bxeJHVf46Pwb3eLSD2L76NrytQlif9NH7JpHuFlYKCQGfKfgSYYre5rIfmnSwQw== - -"@next/swc-linux-x64-musl@14.0.0": - version "14.0.0" - resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.0.0.tgz#c2a66bd7d5f54a3a5faa14ff9bce93a507d2135d" - integrity sha512-WTZb2G7B+CTsdigcJVkRxfcAIQj7Lf0ipPNRJ3vlSadU8f0CFGv/ST+sJwF5eSwIe6dxKoX0DG6OljDBaad+rg== - -"@next/swc-win32-arm64-msvc@14.0.0": - version "14.0.0" - resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.0.0.tgz#a657568bc1bf6f3bfabc07034342ef1942f14e31" - integrity sha512-7R8/x6oQODmNpnWVW00rlWX90sIlwluJwcvMT6GXNIBOvEf01t3fBg0AGURNKdTJg2xNuP7TyLchCL7Lh2DTiw== - -"@next/swc-win32-ia32-msvc@14.0.0": - version "14.0.0" - resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.0.0.tgz#fe27ae6c165d6d74bf80f7dc37d67401c2148518" - integrity sha512-RLK1nELvhCnxaWPF07jGU4x3tjbyx2319q43loZELqF0+iJtKutZ+Lk8SVmf/KiJkYBc7Cragadz7hb3uQvz4g== - -"@next/swc-win32-x64-msvc@14.0.0": - version "14.0.0" - resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.0.0.tgz#fef677c3f4b62443e0b02d3d59440f6b0b8eb1f4" - integrity sha512-g6hLf1SUko+hnnaywQQZzzb3BRecQsoKkF3o/C+F+dOA4w/noVAJngUVkfwF0+2/8FzNznM7ofM6TGZO9svn7w== +"@img/sharp-win32-x64@0.33.5": + version "0.33.5" + resolved "https://registry.yarnpkg.com/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz#56f00962ff0c4e0eb93d34a047d29fa995e3e342" + integrity sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg== + +"@next/env@15.1.4": + version "15.1.4" + resolved "https://registry.yarnpkg.com/@next/env/-/env-15.1.4.tgz#f727cc4f46527a5223ae894f9476466db9132e21" + integrity sha512-2fZ5YZjedi5AGaeoaC0B20zGntEHRhi2SdWcu61i48BllODcAmmtj8n7YarSPt4DaTsJaBFdxQAVEVzgmx2Zpw== + +"@next/eslint-plugin-next@15.1.4": + version "15.1.4" + resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-15.1.4.tgz#65421067692e3e5f988c3ae6099f5117f2c5d991" + integrity sha512-HwlEXwCK3sr6zmVGEvWBjW9tBFs1Oe6hTmTLoFQtpm4As5HCdu8jfSE0XJOp7uhfEGLniIx8yrGxEWwNnY0fmQ== + dependencies: + fast-glob "3.3.1" + +"@next/swc-darwin-arm64@15.1.4": + version "15.1.4" + resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.1.4.tgz#49faf320d44d1a813e09501abfd952b0315385c9" + integrity sha512-wBEMBs+np+R5ozN1F8Y8d/Dycns2COhRnkxRc+rvnbXke5uZBHkUGFgWxfTXn5rx7OLijuUhyfB+gC/ap58dDw== + +"@next/swc-darwin-x64@15.1.4": + version "15.1.4" + resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-15.1.4.tgz#3c234986481e7db8957562b8dfeab2d44fe4c0a7" + integrity sha512-7sgf5rM7Z81V9w48F02Zz6DgEJulavC0jadab4ZsJ+K2sxMNK0/BtF8J8J3CxnsJN3DGcIdC260wEKssKTukUw== + +"@next/swc-linux-arm64-gnu@15.1.4": + version "15.1.4" + resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.1.4.tgz#d71c5a55106327b50ff194dd40e11c3ca7f744a7" + integrity sha512-JaZlIMNaJenfd55kjaLWMfok+vWBlcRxqnRoZrhFQrhM1uAehP3R0+Aoe+bZOogqlZvAz53nY/k3ZyuKDtT2zQ== + +"@next/swc-linux-arm64-musl@15.1.4": + version "15.1.4" + resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.1.4.tgz#c6b4cef0f5b943d6308fdb429ecb43be79afce31" + integrity sha512-7EBBjNoyTO2ipMDgCiORpwwOf5tIueFntKjcN3NK+GAQD7OzFJe84p7a2eQUeWdpzZvhVXuAtIen8QcH71ZCOQ== + +"@next/swc-linux-x64-gnu@15.1.4": + version "15.1.4" + resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.1.4.tgz#2b15f959ac6653800c0df8247489d54982926786" + integrity sha512-9TGEgOycqZFuADyFqwmK/9g6S0FYZ3tphR4ebcmCwhL8Y12FW8pIBKJvSwV+UBjMkokstGNH+9F8F031JZKpHw== + +"@next/swc-linux-x64-musl@15.1.4": + version "15.1.4" + resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.1.4.tgz#2b9d3ca3c3f506e3515b13c00e19d3031535bb44" + integrity sha512-0578bLRVDJOh+LdIoKvgNDz77+Bd85c5JrFgnlbI1SM3WmEQvsjxTA8ATu9Z9FCiIS/AliVAW2DV/BDwpXbtiQ== + +"@next/swc-win32-arm64-msvc@15.1.4": + version "15.1.4" + resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.1.4.tgz#74928a6e824b258a071d30872c00417ee79d4ee7" + integrity sha512-JgFCiV4libQavwII+kncMCl30st0JVxpPOtzWcAI2jtum4HjYaclobKhj+JsRu5tFqMtA5CJIa0MvYyuu9xjjQ== + +"@next/swc-win32-x64-msvc@15.1.4": + version "15.1.4" + resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.1.4.tgz#188bce4c231f5ab0e7eaca55170764f7e8229db2" + integrity sha512-xxsJy9wzq7FR5SqPCUqdgSXiNXrMuidgckBa8nH9HtjjxsilgcN6VgXF6tZ3uEWuVEadotQJI8/9EQ6guTC4Yw== "@nodelib/fs.scandir@2.1.5": version "2.1.5" @@ -543,7 +658,7 @@ resolved "https://registry.yarnpkg.com/@rtsao/scc/-/scc-1.1.0.tgz#927dd2fae9bc3361403ac2c7a00c32ddce9ad7e8" integrity sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g== -"@rushstack/eslint-patch@^1.3.3": +"@rushstack/eslint-patch@^1.10.3": version "1.10.5" resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.10.5.tgz#3a1c12c959010a55c17d46b395ed3047b545c246" integrity sha512-kkKUDVlII2DQiKy7UstOR1ErJP8kUKAQ4oa+SQtM0K+lPdmmjj0YnnxBgtTVYH7mUKtbsxeFC9y0AmK7Yb78/A== @@ -553,12 +668,17 @@ resolved "https://registry.yarnpkg.com/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz#821f8442f4175d8f0467b9daf26e3a18e2d02af2" integrity sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA== -"@swc/helpers@0.5.2": - version "0.5.2" - resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.5.2.tgz#85ea0c76450b61ad7d10a37050289eded783c27d" - integrity sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw== +"@swc/counter@0.1.3": + version "0.1.3" + resolved "https://registry.yarnpkg.com/@swc/counter/-/counter-0.1.3.tgz#cc7463bd02949611c6329596fccd2b0ec782b0e9" + integrity sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ== + +"@swc/helpers@0.5.15": + version "0.5.15" + resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.5.15.tgz#79efab344c5819ecf83a43f3f9f811fc84b516d7" + integrity sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g== dependencies: - tslib "^2.4.0" + tslib "^2.8.0" "@tabler/icons-react@^2.40.0": version "2.47.0" @@ -602,22 +722,16 @@ dependencies: undici-types "~6.19.2" -"@types/prop-types@*": - version "15.7.14" - resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.14.tgz#1433419d73b2a7ebfc6918dcefd2ec0d5cd698f2" - integrity sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ== +"@types/react-dom@19.0.3": + version "19.0.3" + resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-19.0.3.tgz#0804dfd279a165d5a0ad8b53a5b9e65f338050a4" + integrity sha512-0Knk+HJiMP/qOZgMyNFamlIjw9OFCsyC2ZbigmEEyXXixgre6IQpm/4V+r3qH4GC1JPvRJKInw+on2rV6YZLeA== -"@types/react-dom@^18": - version "18.3.5" - resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.3.5.tgz#45f9f87398c5dcea085b715c58ddcf1faf65f716" - integrity sha512-P4t6saawp+b/dFrUr2cvkVsfvPguwsxtH6dNIYRllMsefqFzkZk5UIjzyDOv5g1dXIPdG4Sp1yCR4Z6RCUsG/Q== - -"@types/react@^18": - version "18.3.18" - resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.18.tgz#9b382c4cd32e13e463f97df07c2ee3bbcd26904b" - integrity sha512-t4yC+vtgnkYjNSKlFx1jkAhH8LgTo2N/7Qvi83kdEaUtMDiwpbLAktKDaAMlRcJ5eSxZkH74eEGt1ky31d7kfQ== +"@types/react@19.0.7": + version "19.0.7" + resolved "https://registry.yarnpkg.com/@types/react/-/react-19.0.7.tgz#c451968b999d1cb2d9207dc5ff56496164cf511d" + integrity sha512-MoFsEJKkAtZCrC1r6CM8U22GzhG7u2Wir8ons/aCKH6MBdD1ibV24zOSSkdZVUKqN5i396zG5VKLYZ3yaUZdLA== dependencies: - "@types/prop-types" "*" csstype "^3.0.2" "@types/semver@^7.5.0": @@ -625,6 +739,21 @@ resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.8.tgz#8268a8c57a3e4abd25c165ecd36237db7948a55e" integrity sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ== +"@typescript-eslint/eslint-plugin@^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0": + version "8.20.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.20.0.tgz#b47a398e0e551cb008c60190b804394e6852c863" + integrity sha512-naduuphVw5StFfqp4Gq4WhIBE2gN1GEmMUExpJYknZJdRnc+2gDzB8Z3+5+/Kv33hPQRDGzQO/0opHE72lZZ6A== + dependencies: + "@eslint-community/regexpp" "^4.10.0" + "@typescript-eslint/scope-manager" "8.20.0" + "@typescript-eslint/type-utils" "8.20.0" + "@typescript-eslint/utils" "8.20.0" + "@typescript-eslint/visitor-keys" "8.20.0" + graphemer "^1.4.0" + ignore "^5.3.1" + natural-compare "^1.4.0" + ts-api-utils "^2.0.0" + "@typescript-eslint/eslint-plugin@^6.9.1": version "6.21.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.21.0.tgz#30830c1ca81fd5f3c2714e524c4303e0194f9cd3" @@ -642,15 +771,15 @@ semver "^7.5.4" ts-api-utils "^1.0.1" -"@typescript-eslint/parser@^5.4.2 || ^6.0.0": - version "6.21.0" - resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.21.0.tgz#af8fcf66feee2edc86bc5d1cf45e33b0630bf35b" - integrity sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ== +"@typescript-eslint/parser@^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0": + version "8.20.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.20.0.tgz#5caf2230a37094dc0e671cf836b96dd39b587ced" + integrity sha512-gKXG7A5HMyjDIedBi6bUrDcun8GIjnI8qOwVLiY3rx6T/sHP/19XLJOnIq/FgQvWLHja5JN/LSE7eklNBr612g== dependencies: - "@typescript-eslint/scope-manager" "6.21.0" - "@typescript-eslint/types" "6.21.0" - "@typescript-eslint/typescript-estree" "6.21.0" - "@typescript-eslint/visitor-keys" "6.21.0" + "@typescript-eslint/scope-manager" "8.20.0" + "@typescript-eslint/types" "8.20.0" + "@typescript-eslint/typescript-estree" "8.20.0" + "@typescript-eslint/visitor-keys" "8.20.0" debug "^4.3.4" "@typescript-eslint/scope-manager@6.21.0": @@ -661,6 +790,14 @@ "@typescript-eslint/types" "6.21.0" "@typescript-eslint/visitor-keys" "6.21.0" +"@typescript-eslint/scope-manager@8.20.0": + version "8.20.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.20.0.tgz#aaf4198b509fb87a6527c02cfbfaf8901179e75c" + integrity sha512-J7+VkpeGzhOt3FeG1+SzhiMj9NzGD/M6KoGn9f4dbz3YzK9hvbhVTmLj/HiTp9DazIzJ8B4XcM80LrR9Dm1rJw== + dependencies: + "@typescript-eslint/types" "8.20.0" + "@typescript-eslint/visitor-keys" "8.20.0" + "@typescript-eslint/type-utils@6.21.0": version "6.21.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.21.0.tgz#6473281cfed4dacabe8004e8521cee0bd9d4c01e" @@ -671,11 +808,26 @@ debug "^4.3.4" ts-api-utils "^1.0.1" +"@typescript-eslint/type-utils@8.20.0": + version "8.20.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.20.0.tgz#958171d86b213a3f32b5b16b91db267968a4ef19" + integrity sha512-bPC+j71GGvA7rVNAHAtOjbVXbLN5PkwqMvy1cwGeaxUoRQXVuKCebRoLzm+IPW/NtFFpstn1ummSIasD5t60GA== + dependencies: + "@typescript-eslint/typescript-estree" "8.20.0" + "@typescript-eslint/utils" "8.20.0" + debug "^4.3.4" + ts-api-utils "^2.0.0" + "@typescript-eslint/types@6.21.0": version "6.21.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.21.0.tgz#205724c5123a8fef7ecd195075fa6e85bac3436d" integrity sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg== +"@typescript-eslint/types@8.20.0": + version "8.20.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.20.0.tgz#487de5314b5415dee075e95568b87a75a3e730cf" + integrity sha512-cqaMiY72CkP+2xZRrFt3ExRBu0WmVitN/rYPZErA80mHjHx/Svgp8yfbzkJmDoQ/whcytOPO9/IZXnOc+wigRA== + "@typescript-eslint/typescript-estree@6.21.0": version "6.21.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.21.0.tgz#c47ae7901db3b8bddc3ecd73daff2d0895688c46" @@ -690,6 +842,20 @@ semver "^7.5.4" ts-api-utils "^1.0.1" +"@typescript-eslint/typescript-estree@8.20.0": + version "8.20.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.20.0.tgz#658cea07b7e5981f19bce5cf1662cb70ad59f26b" + integrity sha512-Y7ncuy78bJqHI35NwzWol8E0X7XkRVS4K4P4TCyzWkOJih5NDvtoRDW4Ba9YJJoB2igm9yXDdYI/+fkiiAxPzA== + dependencies: + "@typescript-eslint/types" "8.20.0" + "@typescript-eslint/visitor-keys" "8.20.0" + debug "^4.3.4" + fast-glob "^3.3.2" + is-glob "^4.0.3" + minimatch "^9.0.4" + semver "^7.6.0" + ts-api-utils "^2.0.0" + "@typescript-eslint/utils@6.21.0": version "6.21.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.21.0.tgz#4714e7a6b39e773c1c8e97ec587f520840cd8134" @@ -703,6 +869,16 @@ "@typescript-eslint/typescript-estree" "6.21.0" semver "^7.5.4" +"@typescript-eslint/utils@8.20.0": + version "8.20.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.20.0.tgz#53127ecd314b3b08836b4498b71cdb86f4ef3aa2" + integrity sha512-dq70RUw6UK9ei7vxc4KQtBRk7qkHZv447OUZ6RPQMQl71I3NZxQJX/f32Smr+iqWrB02pHKn2yAdHBb0KNrRMA== + dependencies: + "@eslint-community/eslint-utils" "^4.4.0" + "@typescript-eslint/scope-manager" "8.20.0" + "@typescript-eslint/types" "8.20.0" + "@typescript-eslint/typescript-estree" "8.20.0" + "@typescript-eslint/visitor-keys@6.21.0": version "6.21.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.21.0.tgz#87a99d077aa507e20e238b11d56cc26ade45fe47" @@ -711,6 +887,14 @@ "@typescript-eslint/types" "6.21.0" eslint-visitor-keys "^3.4.1" +"@typescript-eslint/visitor-keys@8.20.0": + version "8.20.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.20.0.tgz#2df6e24bc69084b81f06aaaa48d198b10d382bed" + integrity sha512-v/BpkeeYAsPkKCkR8BDwcno0llhzWVqPOamQrAEMdpZav2Y9OVjd9dwJyBLJWwf335B5DmlifECIkZRJCaGaHA== + dependencies: + "@typescript-eslint/types" "8.20.0" + eslint-visitor-keys "^4.2.0" + "@ungap/structured-clone@^1.2.0": version "1.2.1" resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.1.tgz#28fa185f67daaf7b7a1a8c1d445132c5d979f8bd" @@ -952,7 +1136,7 @@ callsites@^3.0.0: resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73" integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ== -caniuse-lite@^1.0.30001406: +caniuse-lite@^1.0.30001579: version "1.0.30001692" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001692.tgz#4585729d95e6b95be5b439da6ab55250cd125bf9" integrity sha512-A95VKan0kdtrsnMubMKxEKUKImOPSuCpYgxSQBo036P5YYgVIcOYJEgt/txJWqObiRQeISNCfef9nvlQ0vbV7A== @@ -1122,7 +1306,7 @@ detect-libc@^1.0.3: resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b" integrity sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg== -detect-libc@^2.0.2: +detect-libc@^2.0.2, detect-libc@^2.0.3: version "2.0.3" resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.3.tgz#f0cd503b40f9939b894697d19ad50895e30cf700" integrity sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw== @@ -1369,20 +1553,21 @@ escape-string-regexp@^4.0.0: resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34" integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA== -eslint-config-next@14.0.0: - version "14.0.0" - resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-14.0.0.tgz#c896867c8f08dab65205fb3b4bcc5d9ab8646d08" - integrity sha512-jtXeE+/pGQ3h9n11QyyuPN50kO13GO5XvjU5ZRq6W+XTpOMjyobWmK2s7aowy0FtzA49krJzYzEU9s1RMwoJ6g== +eslint-config-next@15.1.4: + version "15.1.4" + resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-15.1.4.tgz#715b03043e7a8924c0228772ff6f8110469d77da" + integrity sha512-u9+7lFmfhKNgGjhQ9tBeyCFsPJyq0SvGioMJBngPC7HXUpR0U+ckEwQR48s7TrRNHra1REm6evGL2ie38agALg== dependencies: - "@next/eslint-plugin-next" "14.0.0" - "@rushstack/eslint-patch" "^1.3.3" - "@typescript-eslint/parser" "^5.4.2 || ^6.0.0" + "@next/eslint-plugin-next" "15.1.4" + "@rushstack/eslint-patch" "^1.10.3" + "@typescript-eslint/eslint-plugin" "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0" + "@typescript-eslint/parser" "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0" eslint-import-resolver-node "^0.3.6" eslint-import-resolver-typescript "^3.5.2" - eslint-plugin-import "^2.28.1" - eslint-plugin-jsx-a11y "^6.7.1" - eslint-plugin-react "^7.33.2" - eslint-plugin-react-hooks "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705" + eslint-plugin-import "^2.31.0" + eslint-plugin-jsx-a11y "^6.10.0" + eslint-plugin-react "^7.37.0" + eslint-plugin-react-hooks "^5.0.0" eslint-import-resolver-node@^0.3.6, eslint-import-resolver-node@^0.3.9: version "0.3.9" @@ -1414,7 +1599,7 @@ eslint-module-utils@^2.12.0: dependencies: debug "^3.2.7" -eslint-plugin-import@^2.28.1: +eslint-plugin-import@^2.31.0: version "2.31.0" resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz#310ce7e720ca1d9c0bb3f69adfd1c6bdd7d9e0e7" integrity sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A== @@ -1439,7 +1624,7 @@ eslint-plugin-import@^2.28.1: string.prototype.trimend "^1.0.8" tsconfig-paths "^3.15.0" -eslint-plugin-jsx-a11y@^6.7.1: +eslint-plugin-jsx-a11y@^6.10.0: version "6.10.2" resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz#d2812bb23bf1ab4665f1718ea442e8372e638483" integrity sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q== @@ -1460,15 +1645,15 @@ eslint-plugin-jsx-a11y@^6.7.1: safe-regex-test "^1.0.3" string.prototype.includes "^2.0.1" -"eslint-plugin-react-hooks@^4.5.0 || 5.0.0-canary-7118f5dd7-20230705": - version "5.0.0-canary-7118f5dd7-20230705" - resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.0.0-canary-7118f5dd7-20230705.tgz#4d55c50e186f1a2b0636433d2b0b2f592ddbccfd" - integrity sha512-AZYbMo/NW9chdL7vk6HQzQhT+PvTAEVqWk9ziruUoW2kAOcN5qNyelv70e0F1VNQAbvutOC9oc+xfWycI9FxDw== +eslint-plugin-react-hooks@^5.0.0: + version "5.1.0" + resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.1.0.tgz#3d34e37d5770866c34b87d5b499f5f0b53bf0854" + integrity sha512-mpJRtPgHN2tNAvZ35AMfqeB3Xqeo273QxrHJsbBEPWODRM4r0yB6jfoROqKEYrOn27UtRPpcpHc2UqyBSuUNTw== -eslint-plugin-react@^7.33.2: - version "7.37.3" - resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.37.3.tgz#567549e9251533975c4ea9706f986c3a64832031" - integrity sha512-DomWuTQPFYZwF/7c9W2fkKkStqZmBd3uugfqBYLdkZ3Hii23WzZuOLUskGxB8qkSKqftxEeGL1TB2kMhrce0jA== +eslint-plugin-react@^7.37.0: + version "7.37.4" + resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.37.4.tgz#1b6c80b6175b6ae4b26055ae4d55d04c414c7181" + integrity sha512-BGP0jRmfYyvOyvMoRX/uoUeW+GqNj9y16bPQzqAHf3AYII/tDs+jMN0dBVkl88/OZwNGwrVFxE7riHsXVfy/LQ== dependencies: array-includes "^3.1.8" array.prototype.findlast "^1.2.5" @@ -1502,6 +1687,11 @@ eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3: resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800" integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag== +eslint-visitor-keys@^4.2.0: + version "4.2.0" + resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz#687bacb2af884fcdda8a6e7d65c606f46a14cd45" + integrity sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw== + eslint@^8: version "8.57.1" resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.57.1.tgz#7df109654aba7e3bbe5c8eae533c5e461d3c6ca9" @@ -1584,6 +1774,17 @@ 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-glob@3.3.1: + version "3.3.1" + resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.1.tgz#784b4e897340f3dbbef17413b3f11acf03c874c4" + integrity sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg== + dependencies: + "@nodelib/fs.stat" "^2.0.2" + "@nodelib/fs.walk" "^1.2.3" + glob-parent "^5.1.2" + merge2 "^1.3.0" + micromatch "^4.0.4" + fast-glob@^3.2.9, fast-glob@^3.3.2: version "3.3.3" resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.3.tgz#d06d585ce8dba90a16b0505c543c3ccfb3aeb818" @@ -1759,23 +1960,6 @@ glob-parent@^6.0.2: dependencies: is-glob "^4.0.3" -glob-to-regexp@^0.4.1: - version "0.4.1" - resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e" - integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw== - -glob@7.1.7: - version "7.1.7" - resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.7.tgz#3b193e9233f01d42d0b3f78294bbeeb418f94a90" - integrity sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ== - dependencies: - fs.realpath "^1.0.0" - inflight "^1.0.4" - inherits "2" - minimatch "^3.0.4" - once "^1.3.0" - path-is-absolute "^1.0.0" - glob@^7.1.3: version "7.2.3" resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b" @@ -1825,7 +2009,7 @@ gopd@^1.0.1, gopd@^1.2.0: resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1" integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg== -graceful-fs@^4.1.2, graceful-fs@^4.2.4: +graceful-fs@^4.2.4: 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== @@ -1906,7 +2090,7 @@ htmlparser2@10.0.0: domutils "^3.2.1" entities "^6.0.0" -ignore@^5.2.0, ignore@^5.2.4: +ignore@^5.2.0, ignore@^5.2.4, ignore@^5.3.1: version "5.3.2" resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5" integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g== @@ -2264,7 +2448,7 @@ lodash.merge@^4.6.2: resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a" integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ== -loose-envify@^1.1.0, loose-envify@^1.4.0: +loose-envify@^1.4.0: version "1.4.0" resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf" integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q== @@ -2286,7 +2470,7 @@ merge2@^1.3.0, merge2@^1.4.1: resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae" integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg== -micromatch@^4.0.5, micromatch@^4.0.8: +micromatch@^4.0.4, micromatch@^4.0.5, micromatch@^4.0.8: version "4.0.8" resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202" integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA== @@ -2313,13 +2497,20 @@ minimatch@9.0.3: dependencies: brace-expansion "^2.0.1" -minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2: +minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2: version "3.1.2" resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b" integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw== dependencies: brace-expansion "^1.1.7" +minimatch@^9.0.4: + version "9.0.5" + resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5" + integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow== + dependencies: + brace-expansion "^2.0.1" + minimist@^1.2.0, minimist@^1.2.6: version "1.2.8" resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c" @@ -2352,28 +2543,28 @@ natural-compare@^1.4.0: resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7" integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw== -next@14.0.0: - version "14.0.0" - resolved "https://registry.yarnpkg.com/next/-/next-14.0.0.tgz#8ec0d7a1d85a2361240479a51608d4b8c6b0c613" - integrity sha512-J0jHKBJpB9zd4+c153sair0sz44mbaCHxggs8ryVXSFBuBqJ8XdE9/ozoV85xGh2VnSjahwntBZZgsihL9QznA== +next@15.1.4: + version "15.1.4" + resolved "https://registry.yarnpkg.com/next/-/next-15.1.4.tgz#cb2aee3fbb772e20b98ccc2f0806249c09f780a2" + integrity sha512-mTaq9dwaSuwwOrcu3ebjDYObekkxRnXpuVL21zotM8qE2W0HBOdVIdg2Li9QjMEZrj73LN96LcWcz62V19FjAg== dependencies: - "@next/env" "14.0.0" - "@swc/helpers" "0.5.2" + "@next/env" "15.1.4" + "@swc/counter" "0.1.3" + "@swc/helpers" "0.5.15" busboy "1.6.0" - caniuse-lite "^1.0.30001406" + caniuse-lite "^1.0.30001579" postcss "8.4.31" - styled-jsx "5.1.1" - watchpack "2.4.0" + styled-jsx "5.1.6" optionalDependencies: - "@next/swc-darwin-arm64" "14.0.0" - "@next/swc-darwin-x64" "14.0.0" - "@next/swc-linux-arm64-gnu" "14.0.0" - "@next/swc-linux-arm64-musl" "14.0.0" - "@next/swc-linux-x64-gnu" "14.0.0" - "@next/swc-linux-x64-musl" "14.0.0" - "@next/swc-win32-arm64-msvc" "14.0.0" - "@next/swc-win32-ia32-msvc" "14.0.0" - "@next/swc-win32-x64-msvc" "14.0.0" + "@next/swc-darwin-arm64" "15.1.4" + "@next/swc-darwin-x64" "15.1.4" + "@next/swc-linux-arm64-gnu" "15.1.4" + "@next/swc-linux-arm64-musl" "15.1.4" + "@next/swc-linux-x64-gnu" "15.1.4" + "@next/swc-linux-x64-musl" "15.1.4" + "@next/swc-win32-arm64-msvc" "15.1.4" + "@next/swc-win32-x64-msvc" "15.1.4" + sharp "^0.33.5" node-addon-api@^7.0.0: version "7.1.1" @@ -2572,13 +2763,12 @@ queue-microtask@^1.2.2: resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243" integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A== -react-dom@^18: - version "18.3.1" - resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.3.1.tgz#c2265d79511b57d479b3dd3fdfa51536494c5cb4" - integrity sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw== +react-dom@19.0.0: + version "19.0.0" + resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-19.0.0.tgz#43446f1f01c65a4cd7f7588083e686a6726cfb57" + integrity sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ== dependencies: - loose-envify "^1.1.0" - scheduler "^0.23.2" + scheduler "^0.25.0" react-hot-toast@^2.4.1: version "2.5.1" @@ -2598,12 +2788,10 @@ react-property@2.0.2: resolved "https://registry.yarnpkg.com/react-property/-/react-property-2.0.2.tgz#d5ac9e244cef564880a610bc8d868bd6f60fdda6" integrity sha512-+PbtI3VuDV0l6CleQMsx2gtK0JZbZKbpdu5ynr+lbsuvtmgbNcS3VM0tuY2QjFNOcWxvXeHjDpy42RO+4U2rug== -react@^18: - version "18.3.1" - resolved "https://registry.yarnpkg.com/react/-/react-18.3.1.tgz#49ab892009c53933625bd16b2533fc754cab2891" - integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ== - dependencies: - loose-envify "^1.1.0" +react@19.0.0: + version "19.0.0" + resolved "https://registry.yarnpkg.com/react/-/react-19.0.0.tgz#6e1969251b9f108870aa4bff37a0ce9ddfaaabdd" + integrity sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ== readdirp@^4.0.1: version "4.0.2" @@ -2722,19 +2910,17 @@ sass@^1.69.5: optionalDependencies: "@parcel/watcher" "^2.4.1" -scheduler@^0.23.2: - version "0.23.2" - resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.2.tgz#414ba64a3b282892e944cf2108ecc078d115cdc3" - integrity sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ== - dependencies: - loose-envify "^1.1.0" +scheduler@^0.25.0: + version "0.25.0" + resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.25.0.tgz#336cd9768e8cceebf52d3c80e3dcf5de23e7e015" + integrity sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA== semver@^6.3.1: version "6.3.1" resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4" integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA== -semver@^7.5.4, semver@^7.6.3: +semver@^7.5.4, semver@^7.6.0, semver@^7.6.3: version "7.6.3" resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.3.tgz#980f7b5550bc175fb4dc09403085627f9eb33143" integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A== @@ -2799,6 +2985,35 @@ sharp@0.33.1: "@img/sharp-win32-ia32" "0.33.1" "@img/sharp-win32-x64" "0.33.1" +sharp@^0.33.5: + version "0.33.5" + resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.33.5.tgz#13e0e4130cc309d6a9497596715240b2ec0c594e" + integrity sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw== + dependencies: + color "^4.2.3" + detect-libc "^2.0.3" + semver "^7.6.3" + optionalDependencies: + "@img/sharp-darwin-arm64" "0.33.5" + "@img/sharp-darwin-x64" "0.33.5" + "@img/sharp-libvips-darwin-arm64" "1.0.4" + "@img/sharp-libvips-darwin-x64" "1.0.4" + "@img/sharp-libvips-linux-arm" "1.0.5" + "@img/sharp-libvips-linux-arm64" "1.0.4" + "@img/sharp-libvips-linux-s390x" "1.0.4" + "@img/sharp-libvips-linux-x64" "1.0.4" + "@img/sharp-libvips-linuxmusl-arm64" "1.0.4" + "@img/sharp-libvips-linuxmusl-x64" "1.0.4" + "@img/sharp-linux-arm" "0.33.5" + "@img/sharp-linux-arm64" "0.33.5" + "@img/sharp-linux-s390x" "0.33.5" + "@img/sharp-linux-x64" "0.33.5" + "@img/sharp-linuxmusl-arm64" "0.33.5" + "@img/sharp-linuxmusl-x64" "0.33.5" + "@img/sharp-wasm32" "0.33.5" + "@img/sharp-win32-ia32" "0.33.5" + "@img/sharp-win32-x64" "0.33.5" + shebang-command@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea" @@ -3000,10 +3215,10 @@ style-to-object@1.0.8: dependencies: inline-style-parser "0.2.4" -styled-jsx@5.1.1: - version "5.1.1" - resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.1.1.tgz#839a1c3aaacc4e735fed0781b8619ea5d0009d1f" - integrity sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw== +styled-jsx@5.1.6: + version "5.1.6" + resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.1.6.tgz#83b90c077e6c6a80f7f5e8781d0f311b2fe41499" + integrity sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA== dependencies: client-only "0.0.1" @@ -3041,6 +3256,11 @@ ts-api-utils@^1.0.1: resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.4.3.tgz#bfc2215fe6528fecab2b0fba570a2e8a4263b064" integrity sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw== +ts-api-utils@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-2.0.0.tgz#b9d7d5f7ec9f736f4d0f09758b8607979044a900" + integrity sha512-xCt/TOAc+EOHS1XPnijD3/yzpH6qg2xppZO1YDqGoVsNXfQfzHpOdNuXwrwOU8u4ITXJyDCTyt8w5g1sZv9ynQ== + tsconfig-paths@^3.15.0: version "3.15.0" resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4" @@ -3056,7 +3276,7 @@ tslib@2.3.0: resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.0.tgz#803b8cdab3e12ba581a4ca41c8839bbb0dacb09e" integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg== -tslib@^2.4.0: +tslib@^2.4.0, tslib@^2.8.0: version "2.8.1" resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f" integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w== @@ -3145,14 +3365,6 @@ uri-js@^4.2.2: dependencies: punycode "^2.1.0" -watchpack@2.4.0: - version "2.4.0" - resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d" - integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg== - dependencies: - glob-to-regexp "^0.4.1" - graceful-fs "^4.1.2" - which-boxed-primitive@^1.1.0, which-boxed-primitive@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz#d76ec27df7fa165f18d5808374a5fe23c29b176e"