feat(ui): #1773, #1774: ValueInput and SwapInput

.changeset/happy-mayflies-destroy.md

@@ -0,0 +1,5 @@
+---
+'@penumbra-zone/ui': minor
+---
+
+Add `AssetSelector` UI component

.changeset/quick-buckets-deny.md

@@ -0,0 +1,5 @@
+---
+'@penumbra-zone/ui': minor
+---
+
+Add `SwapInput` and `ValueInput` UI components

packages/ui/.storybook/main.js

@@ -32,7 +32,15 @@ const config = {
     getAbsolutePath('@storybook/addon-links'),
     getAbsolutePath('@storybook/addon-essentials'),
     getAbsolutePath('@storybook/addon-interactions'),
-    '@storybook/addon-postcss',
+    {
+      name: '@storybook/addon-postcss',
+      options: {
+        postcssLoaderOptions: {
+          // When using postCSS 8
+          implementation: require('postcss'),
+        },
+      },
+    },
     '@storybook/preview-api',
   ],
   framework: {

packages/ui/.storybook/preview.jsx

@@ -6,6 +6,7 @@ import { PenumbraUIProvider } from '../src/PenumbraUIProvider';
 import { Density } from '../src/Density';
 import { Tabs } from '../src/Tabs';
 import styled from 'styled-components';
+import '../styles/globals.css';
 
 const Column = styled.div`
   display: flex;