fix(deps): update dependencies (non-major) (#1082)

* fix(deps): update dependencies (non-major) * style: tidy up tailwind class * test: update snapshots --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: sabertazimi <sabertazimi@gmail.com>
sabertazimi · Apr 1, 2023 · 9a9e9d5 · 9a9e9d5 · vercel · Apr 1, 2023
1 parent eeae725
commit 9a9e9d5
Show file tree

Hide file tree

Showing 29 changed files with 259 additions and 233 deletions.
diff --git a/components/Article/ArticleHeader.tsx b/components/Article/ArticleHeader.tsx
@@ -13,7 +13,7 @@ interface Props {
 const ArticleHeader = ({
   post: { title, createTime, updateTime, readingTime, tags },
 }: Props): JSX.Element => (
-  <div className="bg-gradient-primary w-full bg-cover bg-center bg-no-repeat p-3 md:px-32 md:pt-48 md:pb-40">
+  <div className="bg-gradient-primary w-full bg-cover bg-center bg-no-repeat p-3 md:px-32 md:pb-40 md:pt-48">
     <Slide>
       {tags ? (
         tags.map(tag => {

diff --git a/components/Article/__snapshots__/Article.test.tsx.snap b/components/Article/__snapshots__/Article.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`Article should render correctly (snapshot) 1`] = `
 <div>
   <div>
     <div
-      class="bg-gradient-primary w-full bg-cover bg-center bg-no-repeat p-3 md:px-32 md:pt-48 md:pb-40"
+      class="bg-gradient-primary w-full bg-cover bg-center bg-no-repeat p-3 md:px-32 md:pb-40 md:pt-48"
     >
       <div
         style="opacity: 0; transform: translateX(-200px) translateZ(0);"
@@ -282,7 +282,7 @@ exports[`Article should render correctly (snapshot) 1`] = `
         id="disqus_thread"
       />
       <div
-        class="ant-space ant-space-vertical ant-space-align-center fixed top-1/2 right-0 z-10 hidden -translate-y-1/2 md:visible md:inline-flex"
+        class="ant-space ant-space-vertical ant-space-align-center fixed right-0 top-1/2 z-10 hidden -translate-y-1/2 md:visible md:inline-flex"
       >
         <div
           class="ant-space-item"
@@ -441,7 +441,7 @@ exports[`Article should render correctly with partial data (snapshot) 1`] = `
 <div>
   <div>
     <div
-      class="bg-gradient-primary w-full bg-cover bg-center bg-no-repeat p-3 md:px-32 md:pt-48 md:pb-40"
+      class="bg-gradient-primary w-full bg-cover bg-center bg-no-repeat p-3 md:px-32 md:pb-40 md:pt-48"
     >
       <div
         style="opacity: 0; transform: translateX(-200px) translateZ(0);"
@@ -699,7 +699,7 @@ exports[`Article should render correctly with partial data (snapshot) 1`] = `
         id="disqus_thread"
       />
       <div
-        class="ant-space ant-space-vertical ant-space-align-center fixed top-1/2 right-0 z-10 hidden -translate-y-1/2 md:visible md:inline-flex"
+        class="ant-space ant-space-vertical ant-space-align-center fixed right-0 top-1/2 z-10 hidden -translate-y-1/2 md:visible md:inline-flex"
       >
         <div
           class="ant-space-item"

diff --git a/components/Aside/Aside.module.css b/components/Aside/Aside.module.css
@@ -1,5 +1,5 @@
 .admonition.admonition {
-  @apply mt-0 mb-9;
+  @apply mb-9 mt-0;
 }
 
 .admonition[role='alert'] div,

diff --git a/components/Blockquote/Blockquote.module.css b/components/Blockquote/Blockquote.module.css
@@ -1,5 +1,5 @@
 .blockquote {
-  @apply mx-0 mb-9 rounded-lg border-l-10 border-solid border-primary bg-gray-100 px-6 pt-12 pb-6;
+  @apply mx-0 mb-9 rounded-lg border-l-10 border-solid border-primary bg-gray-100 px-6 pb-6 pt-12;
 
   quotes: '\201C''\201D';
 }
@@ -17,5 +17,5 @@
 
 /* Keep nested blockquote keep compacted */
 .blockquote blockquote {
-  @apply ml-2 mb-3;
+  @apply mb-3 ml-2;
 }
diff --git a/components/CodeBlocks/LiveCode.module.css b/components/CodeBlocks/LiveCode.module.css
@@ -4,7 +4,7 @@
 
 .editor,
 .preview {
-  @apply w-full flex-auto border-l border-r border-b border-solid border-dark md:w-1/2;
+  @apply w-full flex-auto border-b border-l border-r border-solid border-dark md:w-1/2;
 }
 
 .editor {

diff --git a/components/CodeBlocks/Pre.module.css b/components/CodeBlocks/Pre.module.css
@@ -1,16 +1,16 @@
 .pre {
-  @apply relative mt-0 mb-9 rounded-lg bg-transparent pt-10 pb-0;
+  @apply relative mb-9 mt-0 rounded-lg bg-transparent pb-0 pt-10;
 }
 
 .pre::before {
-  @apply absolute top-0 left-0 float-left h-10 w-full rounded-t-lg;
+  @apply absolute left-0 top-0 float-left h-10 w-full rounded-t-lg;
   @apply bg-dark px-20 py-0 indent-4 text-base font-bold leading-10 text-light;
 
   content: attr(data-language);
 }
 
 .pre::after {
-  @apply absolute top-0 left-5 mt-3 h-3 w-3 rounded-full;
+  @apply absolute left-5 top-0 mt-3 h-3 w-3 rounded-full;
 
   content: '';
   background-color: #f03e3e;

diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx
@@ -26,7 +26,7 @@ const Footer = ({
         {Object.keys(socialList).map(social => (
           <SocialButton
             key={social}
-            className="mx-5 mt-0 mb-4"
+            className="mx-5 mb-4 mt-0"
             type={social as SocialType}
             url={`https://${social}.com/${socials[social as SocialType]}`}
           />

diff --git a/components/Footer/__snapshots__/Footer.test.tsx.snap b/components/Footer/__snapshots__/Footer.test.tsx.snap
@@ -20,7 +20,7 @@ exports[`Footer should render correctly (snapshot) 1`] = `
           tabindex="0"
         >
           <a
-            class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button mx-5 mt-0 mb-4"
+            class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button mx-5 mb-4 mt-0"
             href="https://github.com/sabertazimi"
             role="link"
           >
@@ -51,7 +51,7 @@ exports[`Footer should render correctly (snapshot) 1`] = `
           tabindex="0"
         >
           <a
-            class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button mx-5 mt-0 mb-4"
+            class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button mx-5 mb-4 mt-0"
             href="https://twitter.com/sabertazimi"
             role="link"
           >
@@ -82,7 +82,7 @@ exports[`Footer should render correctly (snapshot) 1`] = `
           tabindex="0"
         >
           <a
-            class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button mx-5 mt-0 mb-4"
+            class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button mx-5 mb-4 mt-0"
             href="https://facebook.com/sabertazimi"
             role="link"
           >
@@ -113,7 +113,7 @@ exports[`Footer should render correctly (snapshot) 1`] = `
           tabindex="0"
         >
           <a
-            class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button mx-5 mt-0 mb-4"
+            class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button mx-5 mb-4 mt-0"
             href="https://linkedin.com/sabertazimi"
             role="link"
           >
@@ -144,7 +144,7 @@ exports[`Footer should render correctly (snapshot) 1`] = `
           tabindex="0"
         >
           <a
-            class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button mx-5 mt-0 mb-4"
+            class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button mx-5 mb-4 mt-0"
             href="https://weibo.com/sabertazimi"
             role="link"
           >

diff --git a/components/Footnote/Footnote.module.css b/components/Footnote/Footnote.module.css
@@ -1,5 +1,5 @@
 .footnote {
-  @apply mt-72 mb-9;
+  @apply mb-9 mt-72;
 }
 
 .footnote h2,

diff --git a/components/LandingNav/LandingNav.module.css b/components/LandingNav/LandingNav.module.css
@@ -1,12 +1,12 @@
 .nav {
-  @apply fixed top-0 left-0 z-20 flex h-full w-full flex-col items-center justify-center;
+  @apply fixed left-0 top-0 z-20 flex h-full w-full flex-col items-center justify-center;
 }
 
 .banner {
-  @apply fixed top-0 left-0 z-10 block h-full w-full bg-black/50;
+  @apply fixed left-0 top-0 z-10 block h-full w-full bg-black/50;
   @apply backdrop-brightness-110 backdrop-contrast-125 backdrop-saturate-150;
 }
 
 .icon {
-  @apply fixed top-12 left-12 z-100 cursor-pointer border-none bg-transparent text-lg font-extrabold text-light md:text-4xl;
+  @apply fixed left-12 top-12 z-100 cursor-pointer border-none bg-transparent text-lg font-extrabold text-light md:text-4xl;
 }
diff --git a/components/LandingNav/LandingNavLink.module.css b/components/LandingNav/LandingNavLink.module.css
@@ -1,5 +1,5 @@
 .link {
-  @apply relative mx-6 my-0 block cursor-pointer px-0 pt-0 pb-3;
+  @apply relative mx-6 my-0 block cursor-pointer px-0 pb-3 pt-0;
 }
 
 .link a {

diff --git a/components/Lists/Item.module.css b/components/Lists/Item.module.css
@@ -1,5 +1,5 @@
 .item {
-  @apply mt-0 mb-3 flex list-none leading-relaxed tracking-wide;
+  @apply mb-3 mt-0 flex list-none leading-relaxed tracking-wide;
 }
 
 .item > span {
@@ -15,5 +15,5 @@
 .item > div > ol,
 .item > div > ul > li,
 .item > div > ol > li {
-  @apply mt-3 mb-0;
+  @apply mb-0 mt-3;
 }
diff --git a/components/Lists/Ol.module.css b/components/Lists/Ol.module.css
@@ -1,5 +1,5 @@
 .ol {
-  @apply mt-0 mb-6 list-outside list-none text-inherit;
+  @apply mb-6 mt-0 list-outside list-none text-inherit;
 
   counter-reset: li;
 }

diff --git a/components/Lists/Ul.module.css b/components/Lists/Ul.module.css
@@ -1,3 +1,3 @@
 .ul {
-  @apply mt-0 mb-6 list-outside list-none text-inherit;
+  @apply mb-6 mt-0 list-outside list-none text-inherit;
 }
diff --git a/components/NotFoundResult/NotFoundResult.tsx b/components/NotFoundResult/NotFoundResult.tsx
@@ -15,7 +15,7 @@ const NotFoundResult = ({
     extra={
       <Link
         href="/posts"
-        className="bg-gradient-primary m-auto mt-12 block max-w-fit rounded-full py-3 px-6 text-2xl font-extrabold text-light"
+        className="bg-gradient-primary m-auto mt-12 block max-w-fit rounded-full px-6 py-3 text-2xl font-extrabold text-light"
       >
         Back Home
       </Link>

diff --git a/components/NotFoundResult/__snapshots__/NotFoundResult.test.tsx.snap b/components/NotFoundResult/__snapshots__/NotFoundResult.test.tsx.snap
@@ -321,7 +321,7 @@ exports[`NotFoundResult should render correctly (snapshot) 1`] = `
       class="ant-result-extra"
     >
       <a
-        class="bg-gradient-primary m-auto mt-12 block max-w-fit rounded-full py-3 px-6 text-2xl font-extrabold text-light"
+        class="bg-gradient-primary m-auto mt-12 block max-w-fit rounded-full px-6 py-3 text-2xl font-extrabold text-light"
         href="/posts"
       >
         Back Home

diff --git a/components/Paragraph/Paragraph.module.css b/components/Paragraph/Paragraph.module.css
@@ -1,3 +1,3 @@
 .p.p {
-  @apply mt-0 mb-9 leading-relaxed tracking-wide;
+  @apply mb-9 mt-0 leading-relaxed tracking-wide;
 }
diff --git a/components/PostsGrid/PostCard.tsx b/components/PostsGrid/PostCard.tsx
@@ -16,7 +16,7 @@ interface Props {
 const PostCard = ({
   post: { slug, title, createTime, readingTime, tags },
 }: Props): JSX.Element => (
-  <Container className="card mt-0 mb-16 px-5 py-4">
+  <Container className="card mb-16 mt-0 px-5 py-4">
     <Slide delay={0.2}>
       <LinkTag tag={tags ? tags[0] : 'Computer Science'} />
       <H2 className={styles.title}>{title}</H2>

diff --git a/components/PostsGrid/__snapshots__/PostCard.test.tsx.snap b/components/PostsGrid/__snapshots__/PostCard.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`PostCard should render correctly (snapshot) 1`] = `
 <div>
   <div
-    class="p-auto container relative mx-auto my-0 block h-full card mt-0 mb-16 px-5 py-4"
+    class="p-auto container relative mx-auto my-0 block h-full card mb-16 mt-0 px-5 py-4"
   >
     <div
       style="opacity: 0; transform: translateX(-200px) translateZ(0);"
@@ -100,7 +100,7 @@ exports[`PostCard should render correctly (snapshot) 1`] = `
 exports[`PostCard should render correctly with partial data (snapshot) 1`] = `
 <div>
   <div
-    class="p-auto container relative mx-auto my-0 block h-full card mt-0 mb-16 px-5 py-4"
+    class="p-auto container relative mx-auto my-0 block h-full card mb-16 mt-0 px-5 py-4"
   >
     <div
       style="opacity: 0; transform: translateX(-200px) translateZ(0);"

diff --git a/components/PostsGrid/__snapshots__/PostsGrid.test.tsx.snap b/components/PostsGrid/__snapshots__/PostsGrid.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
     class="flex-container p-auto container relative mx-auto my-0 h-full flex-col items-start xl:hidden"
   >
     <div
-      class="p-auto container relative mx-auto my-0 block h-full card mt-0 mb-16 px-5 py-4"
+      class="p-auto container relative mx-auto my-0 block h-full card mb-16 mt-0 px-5 py-4"
     >
       <div
         style="opacity: 0; transform: translateX(-200px) translateZ(0);"
@@ -98,7 +98,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
       </div>
     </div>
     <div
-      class="p-auto container relative mx-auto my-0 block h-full card mt-0 mb-16 px-5 py-4"
+      class="p-auto container relative mx-auto my-0 block h-full card mb-16 mt-0 px-5 py-4"
     >
       <div
         style="opacity: 0; transform: translateX(-200px) translateZ(0);"
@@ -194,7 +194,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
       </div>
     </div>
     <div
-      class="p-auto container relative mx-auto my-0 block h-full card mt-0 mb-16 px-5 py-4"
+      class="p-auto container relative mx-auto my-0 block h-full card mb-16 mt-0 px-5 py-4"
     >
       <div
         style="opacity: 0; transform: translateX(-200px) translateZ(0);"
@@ -290,7 +290,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
       </div>
     </div>
     <div
-      class="p-auto container relative mx-auto my-0 block h-full card mt-0 mb-16 px-5 py-4"
+      class="p-auto container relative mx-auto my-0 block h-full card mb-16 mt-0 px-5 py-4"
     >
       <div
         style="opacity: 0; transform: translateX(-200px) translateZ(0);"
@@ -387,7 +387,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
       </div>
     </div>
     <div
-      class="p-auto container relative mx-auto my-0 block h-full card mt-0 mb-16 px-5 py-4"
+      class="p-auto container relative mx-auto my-0 block h-full card mb-16 mt-0 px-5 py-4"
     >
       <div
         style="opacity: 0; transform: translateX(-200px) translateZ(0);"
@@ -491,7 +491,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
       class="flex-container p-auto container relative mx-auto my-0 h-full max-w-7/12 flex-col"
     >
       <div
-        class="p-auto container relative mx-auto my-0 block h-full card mt-0 mb-16 px-5 py-4"
+        class="p-auto container relative mx-auto my-0 block h-full card mb-16 mt-0 px-5 py-4"
       >
         <div
           style="opacity: 0; transform: translateX(-200px) translateZ(0);"
@@ -583,7 +583,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
         </div>
       </div>
       <div
-        class="p-auto container relative mx-auto my-0 block h-full card mt-0 mb-16 px-5 py-4"
+        class="p-auto container relative mx-auto my-0 block h-full card mb-16 mt-0 px-5 py-4"
       >
         <div
           style="opacity: 0; transform: translateX(-200px) translateZ(0);"
@@ -679,7 +679,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
         </div>
       </div>
       <div
-        class="p-auto container relative mx-auto my-0 block h-full card mt-0 mb-16 px-5 py-4"
+        class="p-auto container relative mx-auto my-0 block h-full card mb-16 mt-0 px-5 py-4"
       >
         <div
           style="opacity: 0; transform: translateX(-200px) translateZ(0);"
@@ -779,7 +779,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
       class="flex-container p-auto container relative mx-auto my-0 h-full max-w-4/12 flex-col"
     >
       <div
-        class="p-auto container relative mx-auto my-0 block h-full card mt-0 mb-16 px-5 py-4"
+        class="p-auto container relative mx-auto my-0 block h-full card mb-16 mt-0 px-5 py-4"
       >
         <div
           style="opacity: 0; transform: translateX(-200px) translateZ(0);"
@@ -876,7 +876,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
         </div>
       </div>
       <div
-        class="p-auto container relative mx-auto my-0 block h-full card mt-0 mb-16 px-5 py-4"
+        class="p-auto container relative mx-auto my-0 block h-full card mb-16 mt-0 px-5 py-4"
       >
         <div
           style="opacity: 0; transform: translateX(-200px) translateZ(0);"

diff --git a/components/SocialGroup/SocialGroup.tsx b/components/SocialGroup/SocialGroup.tsx
@@ -12,7 +12,7 @@ const SocialGroup = ({ url }: Props): JSX.Element => (
     direction="vertical"
     align="center"
     size={0}
-    className="fixed top-1/2 right-0 z-10 hidden -translate-y-1/2 md:visible md:inline-flex"
+    className="fixed right-0 top-1/2 z-10 hidden -translate-y-1/2 md:visible md:inline-flex"
   >
     {Object.keys(socialList)
       .filter(social => social !== socialList.github)

diff --git a/components/SocialGroup/__snapshots__/SocialGroup.test.tsx.snap b/components/SocialGroup/__snapshots__/SocialGroup.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`SocialGroup should render correctly (snapshot) 1`] = `
 <div>
   <div
-    class="ant-space ant-space-vertical ant-space-align-center fixed top-1/2 right-0 z-10 hidden -translate-y-1/2 md:visible md:inline-flex"
+    class="ant-space ant-space-vertical ant-space-align-center fixed right-0 top-1/2 z-10 hidden -translate-y-1/2 md:visible md:inline-flex"
   >
     <div
       class="ant-space-item"

diff --git a/components/Table/Table.module.css b/components/Table/Table.module.css
@@ -1,12 +1,12 @@
 .table {
-  @apply mt-0 mb-9 w-fit border-collapse overflow-auto rounded-lg;
+  @apply mb-9 mt-0 w-fit border-collapse overflow-auto rounded-lg;
 
   border-spacing: 0;
 }
 
 .table th,
 .table td {
-  @apply py-2 px-4 text-xl font-normal leading-loose;
+  @apply px-4 py-2 text-xl font-normal leading-loose;
 }
 
 .table thead tr {

diff --git a/components/Texts/Anchor.module.css b/components/Texts/Anchor.module.css
@@ -3,7 +3,7 @@
 }
 
 .anchor::before {
-  @apply absolute left-1/2 -bottom-0.5 h-0.5 w-0 bg-primary transition-all;
+  @apply absolute -bottom-0.5 left-1/2 h-0.5 w-0 bg-primary transition-all;
 
   content: '';
 }

diff --git a/layouts/PostLayout.tsx b/layouts/PostLayout.tsx
@@ -20,7 +20,7 @@ const PostLayout = ({
     <Header posts={posts} />
     <Container className="max-w-full">
       {children}
-      <BackTop className="right-12 bottom-12 md:right-16 md:bottom-16" />
+      <BackTop className="bottom-12 right-12 md:bottom-16 md:right-16" />
     </Container>
     <Footer buildTime={buildTime} />
   </div>