fix height and width of buttons to match the size of non-square buttons

cypress-io · Apr 23, 2024 · 29703c4 · 29703c4
1 parent df5d03c
commit 29703c4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/.changeset/rotten-ads-remember.md b/.changeset/rotten-ads-remember.md
@@ -0,0 +1,7 @@
+---
+"@cypress-design/constants-button": patch
+"@cypress-design/react-button": patch
+"@cypress-design/vue-button": patch
+---
+
+fix height and width of buttons to match the size of non-square buttons
diff --git a/components/Button/constants/src/index.ts b/components/Button/constants/src/index.ts
@@ -50,23 +50,23 @@ export const SizeClassesTable = {
 export const SizeClassesTableSquare = {
   '20': {
     wide: 'px-[4px] py-0',
-    square: 'h-[20px] w-[20px] flex items-center justify-center',
+    square: 'h-[22px] w-[22px] flex items-center justify-center',
   },
   '24': {
     wide: 'px-[8px] py-[2px]',
-    square: 'h-[24px] w-[24px] flex items-center justify-center',
+    square: 'h-[26px] w-[26px] flex items-center justify-center',
   },
   '32': {
     wide: 'px-[12px] py-[6px]',
-    square: 'h-[32px] w-[32px] flex items-center justify-center',
+    square: 'h-[34px] w-[34px] flex items-center justify-center',
   },
   '40': {
     wide: 'px-[16px] py-[8px]',
-    square: 'h-[40px] w-[40px] flex items-center justify-center',
+    square: 'h-[42px] w-[42px] flex items-center justify-center',
   },
   '48': {
     wide: 'px-[20px] py-[12px]',
-    square: 'h-[48px] w-[48px] flex items-center justify-center',
+    square: 'h-[50px] w-[50px] flex items-center justify-center',
   },
 } as const