Scope button and input styles to LiveKit classes within the data theme (#1218)

Author: lukasIO

.changeset/weak-frogs-fold.md

@@ -0,0 +1,5 @@
+---
+"@livekit/components-styles": minor
+---
+
+Scope button and input styles to LiveKit classes within the data theme

packages/styles/scss/_preflight.scss

@@ -8,16 +8,6 @@
   font-family: var(--font-family);
   color: var(--fg);
 
-  button,
-  input {
-    font: inherit;
-    line-height: inherit;
-  }
-
-  .button {
-    user-select: none;
-  }
-
   .list {
     list-style: none;
     margin: 0;

packages/styles/scss/components/controls/_button.scss

@@ -12,6 +12,9 @@
   border-radius: var(--border-radius);
   cursor: pointer;
   white-space: nowrap;
+  font-size: inherit;
+  line-height: inherit;
+  user-select: none;
 
   &:not(:disabled):hover {
     background-color: var(--control-hover-bg);

packages/styles/scss/prefabs/chat.scss

@@ -111,6 +111,8 @@
 }
 
 .chat-form-input {
+  font-size: inherit;
+  line-height: inherit;
   width: 100%;
 }