fix(components): remove built-in border radius (#922)

components/Article/Article.css

@@ -43,3 +43,10 @@ li.task-list-item > div {
     @apply opacity-100;
   }
 }
+
+/* Remove border radius */
+.ant-checkbox-inner,
+.ant-ribbon,
+.ant-card-cover img {
+  @apply rounded-none;
+}

components/Article/__snapshots__/Article.test.tsx.snap

@@ -295,7 +295,7 @@ exports[`Article should render correctly (snapshot) 1`] = `
             style="opacity: 0; transform: translateX(20px) translateZ(0);"
           >
             <a
-              class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+              class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
               href="https://twitter.com/intent/tweet?url=https://blog.tazimi.dev/post/1BasicNotes"
               role="link"
               style="background-color: rgb(29, 161, 242);"
@@ -331,7 +331,7 @@ exports[`Article should render correctly (snapshot) 1`] = `
             style="opacity: 0; transform: translateX(20px) translateZ(0);"
           >
             <a
-              class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+              class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
               href="https://www.facebook.com/sharer.php?u=https://blog.tazimi.dev/post/1BasicNotes"
               role="link"
               style="background-color: rgb(24, 119, 242);"
@@ -367,7 +367,7 @@ exports[`Article should render correctly (snapshot) 1`] = `
             style="opacity: 0; transform: translateX(20px) translateZ(0);"
           >
             <a
-              class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+              class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
               href="https://www.linkedin.com/shareArticle?mini=true&url=https://blog.tazimi.dev/post/1BasicNotes"
               role="link"
               style="background-color: rgb(10, 102, 194);"
@@ -402,7 +402,7 @@ exports[`Article should render correctly (snapshot) 1`] = `
             style="opacity: 0; transform: translateX(20px) translateZ(0);"
           >
             <a
-              class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+              class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
               href="https://service.weibo.com/share/share.php?url=https://blog.tazimi.dev/post/1BasicNotes"
               role="link"
               style="background-color: rgb(230, 22, 45);"
@@ -710,7 +710,7 @@ exports[`Article should render correctly with partial data (snapshot) 1`] = `
             style="opacity: 0; transform: translateX(20px) translateZ(0);"
           >
             <a
-              class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+              class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
               href="https://twitter.com/intent/tweet?url=https://blog.tazimi.dev/post/1BasicNotes"
               role="link"
               style="background-color: rgb(29, 161, 242);"
@@ -746,7 +746,7 @@ exports[`Article should render correctly with partial data (snapshot) 1`] = `
             style="opacity: 0; transform: translateX(20px) translateZ(0);"
           >
             <a
-              class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+              class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
               href="https://www.facebook.com/sharer.php?u=https://blog.tazimi.dev/post/1BasicNotes"
               role="link"
               style="background-color: rgb(24, 119, 242);"
@@ -782,7 +782,7 @@ exports[`Article should render correctly with partial data (snapshot) 1`] = `
             style="opacity: 0; transform: translateX(20px) translateZ(0);"
           >
             <a
-              class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+              class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
               href="https://www.linkedin.com/shareArticle?mini=true&url=https://blog.tazimi.dev/post/1BasicNotes"
               role="link"
               style="background-color: rgb(10, 102, 194);"
@@ -817,7 +817,7 @@ exports[`Article should render correctly with partial data (snapshot) 1`] = `
             style="opacity: 0; transform: translateX(20px) translateZ(0);"
           >
             <a
-              class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+              class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
               href="https://service.weibo.com/share/share.php?url=https://blog.tazimi.dev/post/1BasicNotes"
               role="link"
               style="background-color: rgb(230, 22, 45);"

components/Aside/Aside.module.css

@@ -1,5 +1,5 @@
 .admonition {
-  @apply mt-0 mb-9;
+  @apply mt-0 mb-9 rounded-none;
 }
 
 .admonition[role='alert'] div,

components/Button/Button.tsx

@@ -1,8 +1,11 @@
-import { Button as AntButton } from 'antd';
+import { cx } from '@components/utils';
 import type { ButtonProps } from 'antd';
+import { Button as AntButton } from 'antd';
 
 interface Props extends ButtonProps {}
 
-const Button = (props: Props): JSX.Element => <AntButton {...props} />;
+const Button = ({ className, ...props }: Props): JSX.Element => (
+  <AntButton className={cx(className, 'rounded-none')} {...props} />
+);
 
 export default Button;

components/Footer/__snapshots__/Footer.test.tsx.snap

@@ -19,7 +19,7 @@ exports[`Footer should render correctly (snapshot) 1`] = `
           style="opacity: 0; transform: translateX(20px) translateZ(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 mt-0 mb-4 rounded-none"
             href="https://github.com/sabertazimi"
             role="link"
           >
@@ -49,7 +49,7 @@ exports[`Footer should render correctly (snapshot) 1`] = `
           style="opacity: 0; transform: translateX(20px) translateZ(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 mt-0 mb-4 rounded-none"
             href="https://twitter.com/sabertazimi"
             role="link"
           >
@@ -79,7 +79,7 @@ exports[`Footer should render correctly (snapshot) 1`] = `
           style="opacity: 0; transform: translateX(20px) translateZ(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 mt-0 mb-4 rounded-none"
             href="https://facebook.com/sabertazimi"
             role="link"
           >
@@ -109,7 +109,7 @@ exports[`Footer should render correctly (snapshot) 1`] = `
           style="opacity: 0; transform: translateX(20px) translateZ(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 mt-0 mb-4 rounded-none"
             href="https://linkedin.com/sabertazimi"
             role="link"
           >
@@ -139,7 +139,7 @@ exports[`Footer should render correctly (snapshot) 1`] = `
           style="opacity: 0; transform: translateX(20px) translateZ(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 mt-0 mb-4 rounded-none"
             href="https://weibo.com/sabertazimi"
             role="link"
           >

components/ImageCard/ImageCard.tsx

@@ -17,6 +17,7 @@ const ImageCard = ({ src, title, alt, className }: Props): JSX.Element => {
         alt="Broken Image"
         title="Broken Image"
         fallback="data:image/png;base64,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"
+        className="rounded-none"
       />
     );
   }
@@ -25,7 +26,7 @@ const ImageCard = ({ src, title, alt, className }: Props): JSX.Element => {
     <Card
       size="small"
       cover={<Image src={src} alt={alt} />}
-      className={cx(className, 'text-center')}
+      className={cx(className, 'rounded-none text-center')}
     >
       <Meta title={title} description={alt} className="justify-center" />
     </Card>

components/ImageCard/__snapshots__/ImageCard.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`ImageCard should render local image correctly (snapshot) 1`] = `
 <div>
   <div
-    class="ant-card ant-card-bordered ant-card-small text-center card"
+    class="ant-card ant-card-bordered ant-card-small rounded-none text-center card"
   >
     <div
       class="ant-card-cover"
@@ -64,7 +64,7 @@ exports[`ImageCard should render placeholder image correctly (snapshot) 1`] = `
   >
     <img
       alt="Broken Image"
-      class="ant-image-img"
+      class="ant-image-img rounded-none"
       src="error"
     />
     <div

components/MDX/MDXDivider.tsx

@@ -1,7 +1,7 @@
 import Divider from '@components/Divider';
 
 const MDXDivider = (): JSX.Element => (
-  <Divider className="bg-gradient-primary h-1" />
+  <Divider className="bg-gradient-primary h-1 rounded-full border-0" />
 );
 
 export default MDXDivider;

components/MDX/__snapshots__/MDX.test.tsx.snap

@@ -11,7 +11,7 @@ exports[`MDXCode should render correctly (snapshot) 1`] = `
 exports[`MDXDivider should render correctly (snapshot) 1`] = `
 <div>
   <div
-    class="ant-divider ant-divider-horizontal divider bg-gradient-primary h-1 dark:border-light dark:text-light"
+    class="ant-divider ant-divider-horizontal divider bg-gradient-primary h-1 rounded-full border-0 dark:border-light dark:text-light"
     role="separator"
   />
 </div>

components/PostsSearchBar/PostsSearchBar.css

@@ -6,3 +6,12 @@
 .ant-menu .ant-select:hover .ant-select-selector {
   @apply border-0;
 }
+
+/* Remove border radius */
+.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child),
+.ant-input-search
+  > .ant-input-group
+  > .ant-input-group-addon:last-child
+  .ant-input-search-button {
+  @apply rounded-none;
+}

components/SocialButton/__snapshots__/SocialButton.test.tsx.snap

@@ -7,7 +7,7 @@ exports[`SocialButton should render [default] button correctly (snapshot) 1`] =
     style="opacity: 0; transform: translateX(20px) translateZ(0);"
   >
     <a
-      class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+      class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
       href="https://default.com"
       role="link"
     >
@@ -42,7 +42,7 @@ exports[`SocialButton should render [facebook] button correctly (snapshot) 1`] =
     style="opacity: 0; transform: translateX(20px) translateZ(0);"
   >
     <a
-      class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+      class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
       href="https://facebook.com"
       role="link"
     >
@@ -77,7 +77,7 @@ exports[`SocialButton should render [github] button correctly (snapshot) 1`] = `
     style="opacity: 0; transform: translateX(20px) translateZ(0);"
   >
     <a
-      class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+      class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
       href="https://github.com"
       role="link"
     >
@@ -112,7 +112,7 @@ exports[`SocialButton should render [linkedin] button correctly (snapshot) 1`] =
     style="opacity: 0; transform: translateX(20px) translateZ(0);"
   >
     <a
-      class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+      class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
       href="https://linkedin.com"
       role="link"
     >
@@ -147,7 +147,7 @@ exports[`SocialButton should render [twitter] button correctly (snapshot) 1`] =
     style="opacity: 0; transform: translateX(20px) translateZ(0);"
   >
     <a
-      class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+      class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
       href="https://twitter.com"
       role="link"
     >
@@ -182,7 +182,7 @@ exports[`SocialButton should render [weibo] button correctly (snapshot) 1`] = `
     style="opacity: 0; transform: translateX(20px) translateZ(0);"
   >
     <a
-      class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+      class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
       href="https://weibo.com"
       role="link"
     >
@@ -217,7 +217,7 @@ exports[`SocialButton should render colorful button correctly (snapshot) 1`] = `
     style="opacity: 0; transform: translateX(20px) translateZ(0);"
   >
     <a
-      class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+      class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
       href="https://github.com"
       role="link"
       style="background-color: rgb(41, 153, 84);"

components/SocialGroup/__snapshots__/SocialGroup.test.tsx.snap

@@ -14,7 +14,7 @@ exports[`SocialGroup should render correctly (snapshot) 1`] = `
         style="opacity: 0; transform: translateX(20px) translateZ(0);"
       >
         <a
-          class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+          class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
           href="https://twitter.com/intent/tweet?url=https://blog.tazimi.dev"
           role="link"
           style="background-color: rgb(29, 161, 242);"
@@ -50,7 +50,7 @@ exports[`SocialGroup should render correctly (snapshot) 1`] = `
         style="opacity: 0; transform: translateX(20px) translateZ(0);"
       >
         <a
-          class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+          class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
           href="https://www.facebook.com/sharer.php?u=https://blog.tazimi.dev"
           role="link"
           style="background-color: rgb(24, 119, 242);"
@@ -86,7 +86,7 @@ exports[`SocialGroup should render correctly (snapshot) 1`] = `
         style="opacity: 0; transform: translateX(20px) translateZ(0);"
       >
         <a
-          class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+          class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
           href="https://www.linkedin.com/shareArticle?mini=true&url=https://blog.tazimi.dev"
           role="link"
           style="background-color: rgb(10, 102, 194);"
@@ -121,7 +121,7 @@ exports[`SocialGroup should render correctly (snapshot) 1`] = `
         style="opacity: 0; transform: translateX(20px) translateZ(0);"
       >
         <a
-          class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button"
+          class="ant-btn ant-btn-link ant-btn-lg ant-btn-icon-only button rounded-none"
           href="https://service.weibo.com/share/share.php?url=https://blog.tazimi.dev"
           role="link"
           style="background-color: rgb(230, 22, 45);"

layouts/__snapshots__/Layout.test.tsx.snap

@@ -434,7 +434,7 @@ exports[`Layout should render correctly (snapshot) 1`] = `
             style="opacity: 0; transform: translateX(20px) translateZ(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 mt-0 mb-4 rounded-none"
               href="https://github.com/sabertazimi"
               role="link"
             >
@@ -464,7 +464,7 @@ exports[`Layout should render correctly (snapshot) 1`] = `
             style="opacity: 0; transform: translateX(20px) translateZ(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 mt-0 mb-4 rounded-none"
               href="https://twitter.com/sabertazimi"
               role="link"
             >
@@ -494,7 +494,7 @@ exports[`Layout should render correctly (snapshot) 1`] = `
             style="opacity: 0; transform: translateX(20px) translateZ(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 mt-0 mb-4 rounded-none"
               href="https://facebook.com/sabertazimi"
               role="link"
             >
@@ -524,7 +524,7 @@ exports[`Layout should render correctly (snapshot) 1`] = `
             style="opacity: 0; transform: translateX(20px) translateZ(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 mt-0 mb-4 rounded-none"
               href="https://linkedin.com/sabertazimi"
               role="link"
             >
@@ -554,7 +554,7 @@ exports[`Layout should render correctly (snapshot) 1`] = `
             style="opacity: 0; transform: translateX(20px) translateZ(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 mt-0 mb-4 rounded-none"
               href="https://weibo.com/sabertazimi"
               role="link"
             >