Merge pull request #108 from vector-im/quenting/forms-cleanup

Forms cleanup
element-hq · Oct 24, 2023 · 5f5a56c · 5f5a56c
2 parents 116081a + 200b429
commit 5f5a56c
Show file tree

Hide file tree

Showing 63 changed files with 2,556 additions and 1,118 deletions.
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
@@ -1,3 +1,4 @@
+<meta name="viewport" content="width=device-width, maximum-scale=1" />
 <script>
   window.global = window;
 </script>
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -1,6 +1,7 @@
 import { withThemeByClassName } from "@storybook/addon-themes";
 import { Decorator, Parameters } from "@storybook/react";
 
+import "@fontsource/inconsolata/700.css";
 import "@fontsource/inter/400.css";
 import "@fontsource/inter/500.css";
 import "@fontsource/inter/600.css";

diff --git a/package.json b/package.json
@@ -53,6 +53,7 @@
   "homepage": "https://github.com/vector-im/compound-web#readme",
   "devDependencies": {
     "@fontsource/inter": "^5.0.8",
+    "@fontsource/inconsolata": "^5.0.8",
     "@percy/cli": "^1.27.1",
     "@percy/storybook": "^4.3.6",
     "@storybook/addon-designs": "7.0.5",
@@ -109,6 +110,7 @@
   },
   "peerDependencies": {
     "@fontsource/inter": "^5",
+    "@fontsource/inconsolata": "^5",
     "@types/react": "*",
     "@types/react-dom": "*",
     "@vector-im/compound-design-tokens": "^0.0.6",

diff --git a/src/components/ActionControl/ActionControl.stories.tsx b/src/components/ActionControl/ActionControl.stories.tsx
diff --git a/src/components/ActionControl/ActionControl.tsx b/src/components/ActionControl/ActionControl.tsx
diff --git a/src/components/ActionControl/__snapshots__/ActionControl.test.tsx.snap b/src/components/ActionControl/__snapshots__/ActionControl.test.tsx.snap
diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
@@ -50,7 +50,7 @@ type ButtonOwnProps = PropsWithChildren<{
 
 type ButtonPropsFor<C extends React.ElementType> = ButtonOwnProps &
   Omit<React.ComponentPropsWithoutRef<C>, keyof ButtonOwnProps | "as"> & {
-    ref?: React.Ref<C>;
+    ref?: React.Ref<React.ComponentRef<C>>;
   };
 
 /**

diff --git a/src/components/Checkbox/Checkbox.module.css b/src/components/Checkbox/Checkbox.module.css