feat: approver pattern

.storybook/preview.ts

@@ -5,7 +5,6 @@ import { customViewports } from './viewports';
 
 const preview: Preview = {
   parameters: {
-    actions: { argTypesRegex: '^on[A-Z].*' },
     backgrounds: {
       default: 'leather-light-mode',
       values: [

build-storybook.log

@@ -0,0 +1,59 @@
+
+> @leather-wallet/[email protected] build-storybook /Users/kyranjamie/dev/leather/wallet
+> storybook build "--output-dir" "/var/folders/n2/ds19zkvd5q52dtfnyyb_qdbr0000gn/T/chromatic--27829-yOY4NVX7fkQl" "--webpack-stats-json" "/var/folders/n2/ds19zkvd5q52dtfnyyb_qdbr0000gn/T/chromatic--27829-yOY4NVX7fkQl"
+
+@storybook/cli v8.0.1
+
+info => Cleaning outputDir: ../../../../../var/folders/n2/ds19zkvd5q52dtfnyyb_qdbr0000gn/T/chromatic--27829-yOY4NVX7fkQl
+info => Loading presets
+WARN The "@storybook/addon-mdx-gfm" addon is meant as a migration assistant for Storybook 8.0; and will likely be removed in a future version.
+WARN It's recommended you read this document:
+WARN https://storybook.js.org/docs/react/writing-docs/mdx#lack-of-github-flavored-markdown-gfm
+WARN 
+WARN Once you've made the necessary changes, you can remove the addon from your package.json and storybook config.
+info Found existing addon {"name":"@storybook/addon-docs","options":{"csfPluginOptions":null,"mdxPluginOptions":{},"transcludeMarkdown":true}}, skipping.
+info Found existing addon {"name":"@storybook/addon-docs","options":{"csfPluginOptions":null,"mdxPluginOptions":{},"transcludeMarkdown":true}}, skipping.
+info => Building manager..
+info => Manager built (116 ms)
+info => Building preview..
+info => Copying static files: public at ../../../../../var/folders/n2/ds19zkvd5q52dtfnyyb_qdbr0000gn/T/chromatic--27829-yOY4NVX7fkQl
+info => Using implicit CSS loaders
+info => [@storybook/addon-styling-webpack] Applying custom Storybook webpack configuration styling.
+info => [@storybook/addon-styling-webpack] Replacing Storybook's webpack rules for styles with given rules.
+info => Using default Webpack5 setup
+🐼 warn [token] Reference not found: `colors.focus` in "3px solid {colors.focus}"
+🐼 warn [token] Reference not found: `colors.focus` in "3px solid {colors.focus}"
+🐼 warn [token] Reference not found: `focus` in "3px solid {focus}"
+🐼 info [hrtime] Extracted in (1132.02ms)
+WARN Module Warning (from ./node_modules/.pnpm/[email protected][email protected]/node_modules/esbuild-loader/dist/index.cjs):
+WARN [esbuild-loader] The specified tsconfig at "/Users/kyranjamie/dev/leather/wallet/tsconfig.json" was applied to the file "/Users/kyranjamie/dev/leather/wallet/node_modules/.pnpm/@[email protected]/node_modules/@leather-wallet/tokens/src/breakpoints.ts" but does not match its "include" patterns
+WARN Module Warning (from ./node_modules/.pnpm/[email protected][email protected]/node_modules/esbuild-loader/dist/index.cjs):
+WARN [esbuild-loader] The specified tsconfig at "/Users/kyranjamie/dev/leather/wallet/tsconfig.json" was applied to the file "/Users/kyranjamie/dev/leather/wallet/node_modules/.pnpm/@[email protected]/node_modules/@leather-wallet/tokens/src/colors.ts" but does not match its "include" patterns
+WARN Module Warning (from ./node_modules/.pnpm/[email protected][email protected]/node_modules/esbuild-loader/dist/index.cjs):
+WARN [esbuild-loader] The specified tsconfig at "/Users/kyranjamie/dev/leather/wallet/tsconfig.json" was applied to the file "/Users/kyranjamie/dev/leather/wallet/node_modules/.pnpm/@[email protected]/node_modules/@leather-wallet/tokens/src/index.ts" but does not match its "include" patterns
+WARN Module Warning (from ./node_modules/.pnpm/[email protected][email protected]/node_modules/esbuild-loader/dist/index.cjs):
+WARN [esbuild-loader] The specified tsconfig at "/Users/kyranjamie/dev/leather/wallet/tsconfig.json" was applied to the file "/Users/kyranjamie/dev/leather/wallet/node_modules/.pnpm/@[email protected]/node_modules/@leather-wallet/tokens/src/keyframes.ts" but does not match its "include" patterns
+WARN Module Warning (from ./node_modules/.pnpm/[email protected][email protected]/node_modules/esbuild-loader/dist/index.cjs):
+WARN [esbuild-loader] The specified tsconfig at "/Users/kyranjamie/dev/leather/wallet/tsconfig.json" was applied to the file "/Users/kyranjamie/dev/leather/wallet/node_modules/.pnpm/@[email protected]/node_modules/@leather-wallet/tokens/src/semantic-tokens.ts" but does not match its "include" patterns
+WARN Module Warning (from ./node_modules/.pnpm/[email protected][email protected]/node_modules/esbuild-loader/dist/index.cjs):
+WARN [esbuild-loader] The specified tsconfig at "/Users/kyranjamie/dev/leather/wallet/tsconfig.json" was applied to the file "/Users/kyranjamie/dev/leather/wallet/node_modules/.pnpm/@[email protected]/node_modules/@leather-wallet/tokens/src/tokens.ts" but does not match its "include" patterns
+WARN Module Warning (from ./node_modules/.pnpm/[email protected][email protected]/node_modules/esbuild-loader/dist/index.cjs):
+WARN [esbuild-loader] The specified tsconfig at "/Users/kyranjamie/dev/leather/wallet/tsconfig.json" was applied to the file "/Users/kyranjamie/dev/leather/wallet/node_modules/.pnpm/@[email protected]/node_modules/@leather-wallet/tokens/src/typography.ts" but does not match its "include" patterns
+WARN Module Warning (from ./node_modules/.pnpm/[email protected][email protected]/node_modules/esbuild-loader/dist/index.cjs):
+WARN [esbuild-loader] The specified tsconfig at "/Users/kyranjamie/dev/leather/wallet/tsconfig.json" was applied to the file "/Users/kyranjamie/dev/leather/wallet/.storybook/preview.ts" but does not match its "include" patterns
+WARN Module Warning (from ./node_modules/.pnpm/[email protected][email protected]/node_modules/esbuild-loader/dist/index.cjs):
+WARN [esbuild-loader] The specified tsconfig at "/Users/kyranjamie/dev/leather/wallet/tsconfig.json" was applied to the file "/Users/kyranjamie/dev/leather/wallet/.storybook/viewports.ts" but does not match its "include" patterns
+WARN asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
+WARN This can impact web performance.
+WARN Assets: 
+WARN   8510.0add2d64.iframe.bundle.js (769 KiB)
+WARN entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
+WARN Entrypoints:
+WARN   main (1010 KiB)
+WARN       runtime~main.57e1694f.iframe.bundle.js
+WARN       8510.0add2d64.iframe.bundle.js
+WARN       main.d66cdef4.iframe.bundle.js
+WARN 
+info => Preview built (6.26 s)
+info => preview stats written to /var/folders/n2/ds19zkvd5q52dtfnyyb_qdbr0000gn/T/chromatic--27829-yOY4NVX7fkQl/preview-stats.json
+info => Output directory: /var/folders/n2/ds19zkvd5q52dtfnyyb_qdbr0000gn/T/chromatic--27829-yOY4NVX7fkQl

package.json

@@ -202,6 +202,7 @@
     "ecdsa-sig-formatter": "1.0.11",
     "ecpair": "2.1.0",
     "formik": "2.4.5",
+    "framer-motion": "11.0.8",
     "jotai": "2.2.1",
     "jotai-redux": "0.2.1",
     "jsontokens": "4.0.1",
@@ -252,7 +253,7 @@
     "@leather-wallet/prettier-config": "0.0.5",
     "@ls-lint/ls-lint": "2.2.3",
     "@mdx-js/loader": "3.0.0",
-    "@pandacss/dev": "0.32.0",
+    "@pandacss/dev": "0.33.0",
     "@playwright/test": "1.42.1",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.11",
     "@redux-devtools/cli": "4.0.0",
@@ -303,7 +304,7 @@
     "bip32": "4.0.0",
     "blns": "2.0.4",
     "browserslist": "4.23.0",
-    "chromatic": "10.9.6",
+    "chromatic": "11.0.0",
     "chrome-webstore-upload-cli": "2.2.2",
     "clean-webpack-plugin": "4.0.0",
     "concurrently": "8.2.2",
@@ -325,7 +326,7 @@
     "generate-json-webpack-plugin": "2.0.0",
     "html-webpack-plugin": "5.6.0",
     "jsdom": "22.1.0",
-    "postcss": "8.4.38",
+    "postcss": "8.4.35",
     "postcss-loader": "8.1.1",
     "prettier": "3.2.5",
     "process": "0.11.10",