Clean up ui-components styles

packages/ui-components/style/index.css

@@ -14,11 +14,6 @@ html {
   box-sizing: unset;
 }
 
-body {
-  color: #182026;
-  font-family: var(--jp-ui-font-family);
-}
-
 p {
   margin-top: unset;
   margin-bottom: unset;
@@ -32,6 +27,7 @@ strong {
   font-weight: unset;
 }
 
+/* Override Blueprint's _typography.scss styles */
 a {
   text-decoration: unset;
   color: unset;
@@ -42,12 +38,14 @@ a:hover {
   color: unset;
 }
 
+/* Override Blueprint's _accessibility.scss styles */
 :focus {
   outline: unset;
   outline-offset: unset;
   -moz-outline-radius: unset;
 }
 
+/* Styles for ui-components */
 .jp-Button {
   border-radius: var(--jp-border-radius);
   padding: 0px 12px;
@@ -63,10 +61,6 @@ a:hover {
   text-transform: none;
 }
 
-/* .jp-InputGroup {
-
-} */
-
 .jp-InputGroup input {
   box-sizing: border-box;
   border-radius: 0;
@@ -76,8 +70,6 @@ a:hover {
 }
 
 .jp-InputGroup input:focus {
-  /* box-shadow: inset 0 0 0 var(--jp-border-width) var(--jp-input-active-border-color),
-    inset 0 0 0 3px rgba(19, 124, 189, 0.3); */
   box-shadow: inset 0 0 0 var(--jp-border-width) rgba(19, 124, 189, 0.3),
     inset 0 0 0 3px rgba(19, 124, 189, 0.3);
 }
@@ -108,10 +100,6 @@ input::placeholder {
   color: var(--jp-ui-font-color0);
 }
 
-/* .jp-Select {
-
-} */
-
 select {
   box-sizing: border-box;
 }