Merge pull request #73 from globalfund/v3

V3

.babelrc

@@ -0,0 +1,3 @@
+{
+  "plugins": ["babel-plugin-styled-components"]
+}

.gitignore

@@ -71,3 +71,5 @@ Icon
 # cypress recordings
 cypress/screenshots/
 cypress/videos/
+
+storybook-static/

.storybook/main.ts

@@ -0,0 +1,28 @@
+import type { StorybookConfig } from "@storybook/react-webpack5";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/preset-create-react-app",
+    "@storybook/addon-onboarding",
+    "@storybook/addon-interactions",
+    "storybook-addon-remix-react-router",
+    "@chromatic-com/storybook"
+  ],
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {
+      builder: {
+        useSWC: true,
+      },
+    },
+  },
+  docs: {
+    autodocs: "tag",
+  },
+  staticDirs: ["../public"],
+};
+
+export default config;

.storybook/manager.ts

@@ -0,0 +1,4 @@
+import theme from "./theme";
+import { addons } from "@storybook/manager-api";
+
+addons.setConfig({ theme });

.storybook/preview-head.html

@@ -0,0 +1,3 @@
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap" rel="stylesheet">

.storybook/preview.tsx

@@ -0,0 +1,28 @@
+import type { Preview } from "@storybook/react";
+
+import React from "react";
+import Providers from "../src/app/Providers";
+
+export const decorators = [
+  (Story) => (
+    <Providers>
+      <React.StrictMode>
+        <Story />
+      </React.StrictMode>
+    </Providers>
+  ),
+];
+
+const preview: Preview = {
+  parameters: {
+    // actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

.storybook/theme.ts

@@ -0,0 +1,8 @@
+import { create } from "@storybook/theming/create";
+
+export default create({
+  base: "light",
+  // Typography
+  fontBase: '"Inter", sans-serif',
+  fontCode: "monospace",
+});

LICENSE.MD

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) [2021] [The Global Fund]
+Copyright (c) [2024] [The Global Fund]
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal