From b08c0f67339fa36e29993f53542ef9a0019c37ae Mon Sep 17 00:00:00 2001 From: Hossein Mehrabi Date: Tue, 5 Dec 2023 20:03:14 +0330 Subject: [PATCH] chore: upgrade @acid-info/lsd-react --- package.json | 2 +- src/components/Collapse/Collapse.tsx | 10 ++++--- src/components/Podcasts/Podcasts.Lists.tsx | 4 +-- src/containers/LSDThemeProvider/themes.ts | 1 + src/utils/lsd.utils.ts | 16 ++++------- yarn.lock | 31 ++++++++++++++++++---- 6 files changed, 42 insertions(+), 22 deletions(-) diff --git a/package.json b/package.json index 2f22ea3..127d411 100644 --- a/package.json +++ b/package.json @@ -25,7 +25,7 @@ } }, "dependencies": { - "@acid-info/lsd-react": "^0.1.0-alpha.18", + "@acid-info/lsd-react": "^0.1.0-alpha.22", "@apollo/client": "^3.7.17", "@emotion/react": "^11.10.6", "@emotion/styled": "^11.10.6", diff --git a/src/components/Collapse/Collapse.tsx b/src/components/Collapse/Collapse.tsx index a0cfef2..887b1c9 100644 --- a/src/components/Collapse/Collapse.tsx +++ b/src/components/Collapse/Collapse.tsx @@ -1,4 +1,8 @@ -import { ArrowDownIcon, ArrowUpIcon, Typography } from '@acid-info/lsd-react' +import { + ChevronDownIcon, + ChevronUpIcon, + Typography, +} from '@acid-info/lsd-react' import styled from '@emotion/styled' import clsx from 'clsx' import { useState } from 'react' @@ -36,9 +40,9 @@ export default function Collapse({ {open ? ( - + ) : ( - + )} diff --git a/src/components/Podcasts/Podcasts.Lists.tsx b/src/components/Podcasts/Podcasts.Lists.tsx index 812c2dd..84ad62c 100644 --- a/src/components/Podcasts/Podcasts.Lists.tsx +++ b/src/components/Podcasts/Podcasts.Lists.tsx @@ -1,4 +1,4 @@ -import { ArrowDownIcon, Button, Typography } from '@acid-info/lsd-react' +import { Button, ChevronDownIcon, Typography } from '@acid-info/lsd-react' import styled from '@emotion/styled' import Image from 'next/image' import Link from 'next/link' @@ -54,7 +54,7 @@ export default function PodcastsLists({ shows }: Props) { Podcast page - + diff --git a/src/containers/LSDThemeProvider/themes.ts b/src/containers/LSDThemeProvider/themes.ts index 7459091..19749b2 100644 --- a/src/containers/LSDThemeProvider/themes.ts +++ b/src/containers/LSDThemeProvider/themes.ts @@ -52,6 +52,7 @@ export const useLSDTheme = () => { }, }, palette: {}, + spacing: [], typography: {}, typographyGlobal: { genericFontFamily: genericFontFamily, diff --git a/src/utils/lsd.utils.ts b/src/utils/lsd.utils.ts index 72c22ed..14b7524 100644 --- a/src/utils/lsd.utils.ts +++ b/src/utils/lsd.utils.ts @@ -46,20 +46,14 @@ export class LsdUtils { THEME_BREAKPOINTS.filter((b) => !exclude.find((b2) => b2 === b)) typography = (variant: TypographyVariants | 'subtitle3', important = false) => - variant === 'subtitle3' - ? ` - font-size: 12px !important; - font-weight: 400 !important; - line-height: 16px !important; - ` - : ` + ` font-size: var(--lsd-${variant}-fontSize)${important ? '!important' : ''}; font-weight: var(--lsd-${variant}-fontWeight)${ - important ? '!important' : '' - }; + important ? '!important' : '' + }; line-height: var(--lsd-${variant}-lineHeight)${ - important ? '!important' : '' - }; + important ? '!important' : '' + }; ` breakpoint = ( diff --git a/yarn.lock b/yarn.lock index 29ed712..c335483 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2,15 +2,17 @@ # yarn lockfile v1 -"@acid-info/lsd-react@^0.1.0-alpha.18": - version "0.1.0-alpha.18" - resolved "https://registry.yarnpkg.com/@acid-info/lsd-react/-/lsd-react-0.1.0-alpha.18.tgz#bc1e6ea46541108f89ff4d83fe57eaa92ebc2201" - integrity sha512-R9EUbFS3xkiSumOAG6SjNTN6pkToGEERBG8TqFKPASrQXtgQpEGE5j/NTdbovMQGy44uOmKq3QKciwtufYeK9g== +"@acid-info/lsd-react@^0.1.0-alpha.22": + version "0.1.0-alpha.22" + resolved "https://registry.yarnpkg.com/@acid-info/lsd-react/-/lsd-react-0.1.0-alpha.22.tgz#8ccd5bdf911bb6fa181e4964948ec19c1c0989f4" + integrity sha512-mUmptfKmAPl2qd26JjZO4p4GzQIuOhC3/pHZCuZVtkmJlGPVXXw36Fes7WXQW6WcswXiAtFEDp3DWxNwB7oCHg== dependencies: + "@datepicker-react/hooks" "^2.8.4" "@emotion/react" "^11.10.5" "@emotion/styled" "^11.10.5" clsx "^1.2.1" lodash "^4.17.21" + react-hot-toast "^2.4.1" react-use "^17.4.0" "@ampproject/remapping@^2.2.0": @@ -589,6 +591,13 @@ "@babel/helper-validator-identifier" "^7.19.1" to-fast-properties "^2.0.0" +"@datepicker-react/hooks@^2.8.4": + version "2.8.4" + resolved "https://registry.yarnpkg.com/@datepicker-react/hooks/-/hooks-2.8.4.tgz#6e07aa98bf21b90b7c88fb35919cca6eb08f2c31" + integrity sha512-qaYJKK5sOSdqcL/OnCtyv3/Q6fRRljfeAyl5ISTPgEO0CM5xZzkGmTx40+6wvqjH5lEZH4ysS95nPyLwZS2tlw== + dependencies: + date-fns "^2.14.0" + "@discordjs/builders@^1.6.5": version "1.6.5" resolved "https://registry.yarnpkg.com/@discordjs/builders/-/builders-1.6.5.tgz#3e23912eaab1d542b61ca0fa7202e5aaef2b7200" @@ -2470,7 +2479,7 @@ dataloader@^2.2.2: resolved "https://registry.yarnpkg.com/dataloader/-/dataloader-2.2.2.tgz#216dc509b5abe39d43a9b9d97e6e5e473dfbe3e0" integrity sha512-8YnDaaf7N3k/q5HnTJVuzSyLETjoZjVmHc4AeKAzOvKHEFQKcn64OKBfzHYtE9zGjctNM7V9I0MfnUVLpi7M5g== -date-fns@^2.30.0: +date-fns@^2.14.0, date-fns@^2.30.0: version "2.30.0" resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.30.0.tgz#f367e644839ff57894ec6ac480de40cae4b0f4d0" integrity sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw== @@ -3374,6 +3383,11 @@ globrex@^0.1.2: resolved "https://registry.yarnpkg.com/globrex/-/globrex-0.1.2.tgz#dd5d9ec826232730cd6793a5e33a9302985e6098" integrity sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg== +goober@^2.1.10: + version "2.1.13" + resolved "https://registry.yarnpkg.com/goober/-/goober-2.1.13.tgz#e3c06d5578486212a76c9eba860cbc3232ff6d7c" + integrity sha512-jFj3BQeleOoy7t93E9rZ2de+ScC4lQICLwiAQmKMg9F6roKGaLSHoCDYKkWlSafg138jejvq/mTdvmnwDQgqoQ== + gopd@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c" @@ -4807,6 +4821,13 @@ react-fast-compare@^3.0.1: resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.2.tgz#929a97a532304ce9fee4bcae44234f1ce2c21d49" integrity sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ== +react-hot-toast@^2.4.1: + version "2.4.1" + resolved "https://registry.yarnpkg.com/react-hot-toast/-/react-hot-toast-2.4.1.tgz#df04295eda8a7b12c4f968e54a61c8d36f4c0994" + integrity sha512-j8z+cQbWIM5LY37pR6uZR6D4LfseplqnuAO4co4u8917hBUvXlEqyP1ZzqVLcqoyUesZZv/ImreoCeHVDpE5pQ== + dependencies: + goober "^2.1.10" + react-imgix@^9.7.0: version "9.7.0" resolved "https://registry.yarnpkg.com/react-imgix/-/react-imgix-9.7.0.tgz#944f63693daf6524d07898aaf7d1cbbe59e5edca"