Form element height fixes. (#136)

* Form element height fixes. * updating to latest variables.
ClickHouse · Sep 13, 2023 · eb05fec · eb05fec · vercel · Sep 13, 2023
1 parent 5f4e91e
commit eb05fec
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 18 deletions.
diff --git a/src/components/IconButton/IconButton.tsx b/src/components/IconButton/IconButton.tsx
@@ -20,7 +20,7 @@ export const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(
       >
         <Icon
           name={icon}
-          size="md"
+          size="sm"
         />
       </Button>
     );

diff --git a/src/components/SplitButton/SplitButton.tsx b/src/components/SplitButton/SplitButton.tsx
@@ -95,7 +95,10 @@ export const SplitButton = ({
           data-testid="split-button-dropdown"
         >
           <span>
-            <Icon name="chevron-down" />
+            <Icon
+              name="chevron-down"
+              size="sm"
+            />
           </span>
         </SecondaryButton>
       </SplitButtonTrigger>

diff --git a/src/styles/variables.classic.json b/src/styles/variables.classic.json
@@ -186,7 +186,7 @@
         "color": {
           "background": {
             "default": "lch(100 0 0)",
-            "hover": "lch(97.4 1.45 272)",
+            "hover": "lch(97.4 1.44 272)",
             "active": "lch(95.3 1.54 272)",
             "panel": "lch(100 0 0)"
           },

diff --git a/src/styles/variables.dark.json b/src/styles/variables.dark.json
@@ -289,7 +289,7 @@
         "color": {
           "background": {
             "default": "lch(18.2 0 0)",
-            "hover": "lch(22.4 0 0)",
+            "hover": "lch(22.8 0 0)",
             "active": "#414141",
             "panel": "lch(18.2 0 0)"
           },

diff --git a/src/styles/variables.json b/src/styles/variables.json
@@ -307,7 +307,7 @@
       "basic": {
         "space": {
           "x": "1rem",
-          "y": "0.344rem",
+          "y": "0.281rem",
           "gap": "0.5rem",
           "group": "0.5rem"
         },
@@ -399,8 +399,8 @@
       "iconButton": {
         "default": {
           "space": {
-            "x": "0.5rem",
-            "y": "0.5rem"
+            "x": "0.438rem",
+            "y": "0.438rem"
           }
         },
         "size": {
@@ -499,7 +499,7 @@
       "split": {
         "icon": {
           "space": {
-            "y": "0.516rem",
+            "y": "0.438rem",
             "x": "0.344rem"
           }
         },
@@ -561,10 +561,10 @@
         },
         "color": {
           "background": {
-            "default": "lch(91.8 1.07 266)",
-            "hover": "lch(97.4 1.45 272)",
+            "default": "lch(94.5 0.72 266)",
+            "hover": "lch(97.4 1.44 272)",
             "active": "#ffffff",
-            "panel": "lch(91.8 1.07 266)"
+            "panel": "lch(94.5 0.72 266)"
           },
           "text": {
             "default": "#161517",
@@ -1002,7 +1002,7 @@
       },
       "space": {
         "x": "0.75rem",
-        "y": "0.344rem",
+        "y": "0.281rem",
         "gap": "0.5rem"
       },
       "size": {
@@ -1402,7 +1402,7 @@
           "default": {
             "space": {
               "right": "0.75rem",
-              "y": "0.344rem",
+              "y": "0.281rem",
               "gap": "0.75rem",
               "left": "0"
             }
@@ -1430,7 +1430,7 @@
             "space": {
               "left": "0",
               "right": "0.75rem",
-              "y": "0.344rem",
+              "y": "0.281rem",
               "gap": "0.75rem"
             }
           },
@@ -1454,7 +1454,7 @@
             "space": {
               "left": "2.75rem",
               "right": "0.75rem",
-              "y": "0.344rem"
+              "y": "0.281rem"
             }
           },
           "mobile": {

diff --git a/src/styles/variables.light.json b/src/styles/variables.light.json
@@ -288,10 +288,10 @@
       "group": {
         "color": {
           "background": {
-            "default": "lch(91.8 1.07 266)",
-            "hover": "lch(97.4 1.45 272)",
+            "default": "lch(94.5 0.72 266)",
+            "hover": "lch(97.4 1.44 272)",
             "active": "#ffffff",
-            "panel": "lch(91.8 1.07 266)"
+            "panel": "lch(94.5 0.72 266)"
           },
           "text": {
             "default": "#161517",