Form element height fixes.

ClickHouse · Sep 11, 2023 · 957ca6e · 957ca6e
1 parent b602011
commit 957ca6e
Show file tree

Hide file tree

Showing 7 changed files with 630 additions and 276 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/types.ts b/src/styles/types.ts
@@ -476,6 +476,23 @@
             "text": {
               "default": string
             }
+          },
+          "ghost": {
+            "background": {
+              "default": string,
+              "hover": string,
+              "active": string
+            },
+            "stroke": {
+              "default": string,
+              "hover": string,
+              "active": string
+            },
+            "text": {
+              "default": string,
+              "hover": string,
+              "active": string
+            }
           }
         }
       },
@@ -538,10 +555,26 @@
           }
         }
       },
-      "button-group": {
+      "group": {
         "radii": {
           "center": string,
           "end": string
+        },
+        "color": {
+          "background": {
+            "default": string,
+            "hover": string,
+            "active": string,
+            "panel": string
+          },
+          "text": {
+            "default": string,
+            "hover": string,
+            "active": string
+          },
+          "stroke": {
+            "panel": string
+          }
         }
       },
       "alignLeft": {
@@ -571,24 +604,6 @@
           }
         }
       },
-      "group": {
-        "color": {
-          "background": {
-            "default": string,
-            "hover": string,
-            "active": string,
-            "panel": string
-          },
-          "text": {
-            "default": string,
-            "hover": string,
-            "active": string
-          },
-          "stroke": {
-            "panel": string
-          }
-        }
-      },
       "alignedLeft": {
         "color": {
           "background": {
@@ -1425,22 +1440,6 @@
               "height": string,
               "width": string
             }
-          },
-          "color": {
-            "background": {
-              "active": string,
-              "hover": string,
-              "default": string
-            },
-            "text": {
-              "default": string,
-              "hover": string,
-              "active": string,
-              "muted": string
-            },
-            "icon": {
-              "default": string
-            }
           }
         },
         "title": {
@@ -1449,11 +1448,6 @@
             "hover": string,
             "active": string,
             "disabled": string
-          },
-          "color": {
-            "default": string,
-            "hover": string,
-            "active": string
           }
         },
         "subItem": {
@@ -1485,27 +1479,12 @@
             "hover": string,
             "active": string,
             "disabled": string
-          },
-          "color": {
-            "text": {
-              "default": string,
-              "hover": string,
-              "active": string
-            },
-            "background": {
-              "default": string,
-              "hover": string,
-              "active": string
-            }
           }
         },
         "dragControl": {
           "separator": {
             "size": {
               "height": string
-            },
-            "color": {
-              "default": string
             }
           }
         }
@@ -1522,6 +1501,54 @@
           "stroke": {
             "default": string
           }
+        },
+        "navigation": {
+          "item": {
+            "color": {
+              "background": {
+                "active": string,
+                "hover": string,
+                "default": string
+              },
+              "text": {
+                "default": string,
+                "hover": string,
+                "active": string,
+                "muted": string
+              },
+              "icon": {
+                "default": string
+              }
+            }
+          },
+          "title": {
+            "color": {
+              "default": string,
+              "hover": string,
+              "active": string
+            }
+          },
+          "subItem": {
+            "color": {
+              "text": {
+                "default": string,
+                "hover": string,
+                "active": string
+              },
+              "background": {
+                "default": string,
+                "hover": string,
+                "active": string
+              }
+            }
+          },
+          "dragControl": {
+            "separator": {
+              "color": {
+                "default": string
+              }
+            }
+          }
         }
       },
       "sqlSidebar": {
@@ -1532,6 +1559,54 @@
           "stroke": {
             "default": string
           }
+        },
+        "navigation": {
+          "item": {
+            "color": {
+              "background": {
+                "active": string,
+                "hover": string,
+                "default": string
+              },
+              "text": {
+                "default": string,
+                "hover": string,
+                "active": string,
+                "muted": string
+              },
+              "icon": {
+                "default": string
+              }
+            }
+          },
+          "title": {
+            "color": {
+              "default": string,
+              "hover": string,
+              "active": string
+            }
+          },
+          "subItem": {
+            "color": {
+              "text": {
+                "default": string,
+                "hover": string,
+                "active": string
+              },
+              "background": {
+                "default": string,
+                "hover": string,
+                "active": string
+              }
+            }
+          },
+          "dragControl": {
+            "separator": {
+              "color": {
+                "default": string
+              }
+            }
+          }
         }
       }
     },