deps: Update @geometricpanda/storybook-addon-badges to v0.2.2 (#687)

.storybook/preview.js

@@ -15,27 +15,48 @@ export const parameters = {
     decorators,
 }
 
+const badgeFontStyles = {
+    fontSize: '12px',
+    lineHeight: '14px',
+}
+
 addParameters({
     badgesConfig: {
         accessible: {
-            contrast: 'rgba(5, 133, 39, 0.1)',
-            color: 'rgb(5, 133, 39)',
             title: '✔ Accessible (WCAG 2.0 AA)',
+            styles: {
+                backgroundColor: 'rgba(5, 133, 39, 0.1)',
+                borderColor: 'rgb(5, 133, 39)',
+                color: 'rgb(5, 133, 39)',
+                ...badgeFontStyles,
+            },
         },
         partiallyAccessible: {
-            contrast: 'rgba(235, 141, 19, 0.1)',
-            color: 'rgb(235, 141, 19)',
             title: '⚠ Partially Accessible',
+            styles: {
+                backgroundColor: 'rgba(235, 141, 19, 0.1)',
+                borderColor: 'rgb(235, 141, 19)',
+                color: 'rgb(235, 141, 19)',
+                ...badgeFontStyles,
+            },
         },
         notAccessible: {
-            contrast: 'rgba(209, 69, 59, 0.1)',
-            color: 'rgb(209, 69, 59)',
             title: '✖ Not accessible',
+            styles: {
+                backgroundColor: 'rgba(209, 69, 59, 0.1)',
+                borderColor: 'rgb(209, 69, 59)',
+                color: 'rgb(209, 69, 59)',
+                ...badgeFontStyles,
+            },
         },
         deprecated: {
-            contrast: 'rgba(209, 69, 59, 0.1)',
-            color: 'rgb(209, 69, 59)',
             title: '✖ Deprecated',
+            styles: {
+                backgroundColor: 'rgba(209, 69, 59, 0.1)',
+                borderColor: 'rgb(209, 69, 59)',
+                color: 'rgb(209, 69, 59)',
+                ...badgeFontStyles,
+            },
         },
     },
 })

docs/iframe.html

@@ -476,4 +476,4 @@
 
 
 
-            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"},{"titlePrefix":"","directory":"./stories","files":"**/*.stories.@(js|jsx|ts|tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"}];</script><script src="runtime~main.fc91ce00.iframe.bundle.js"></script><script src="vendors~main.f37478f1.iframe.bundle.js"></script><script src="main.578900ca.iframe.bundle.js"></script></body></html>
+            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"},{"titlePrefix":"","directory":"./stories","files":"**/*.stories.@(js|jsx|ts|tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"}];</script><script src="runtime~main.ad83b813.iframe.bundle.js"></script><script src="vendors~main.9203c0c1.iframe.bundle.js"></script><script src="main.2a231b1a.iframe.bundle.js"></script></body></html>

docs/index.html

@@ -56,4 +56,4 @@
 
 
 
-            window['DOCS_MODE'] = false;</script><script src="runtime~main.01b57403d7bac3a8804c.manager.bundle.js"></script><script src="vendors~main.31a94766bb3aaa0b8fcb.manager.bundle.js"></script><script src="main.ddeb1d9700decafd083c.manager.bundle.js"></script></body></html>
+            window['DOCS_MODE'] = false;</script><script src="runtime~main.f123b7b40ad3b4f431b3.manager.bundle.js"></script><script src="vendors~main.112ab1ddbb7c3ba86e96.manager.bundle.js"></script><script src="main.2300ffaa729e0a28c3b2.manager.bundle.js"></script></body></html>

docs/project.json

@@ -1 +1 @@
-{"generatedAt":1660886449274,"builder":{"name":"webpack4"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"8.5.5"},"typescriptOptions":{"check":true,"checkOptions":{},"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true}},"storybookVersion":"^6.5.3","language":"typescript","storybookPackages":{"@storybook/addon-knobs":{"version":"6.3.1"},"@storybook/addon-links":{"version":"6.5.3"},"@storybook/addons":{"version":"6.5.3"},"@storybook/react":{"version":"6.5.3"}},"framework":{"name":"react"},"addons":{"@storybook/addon-postcss":{"version":"2.0.0"},"@storybook/addon-actions":{"version":"6.5.3"},"@storybook/addon-docs":{"options":{"configureJSX":true},"version":"6.5.3"},"@storybook/addon-controls":{"version":"6.5.3"},"@geometricpanda/storybook-addon-badges":{"version":"0.0.4"}}}
+{"generatedAt":1661225188483,"builder":{"name":"webpack4"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"8.5.5"},"typescriptOptions":{"check":true,"checkOptions":{},"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true}},"storybookVersion":"^6.5.3","language":"typescript","storybookPackages":{"@storybook/addon-knobs":{"version":"6.3.1"},"@storybook/addon-links":{"version":"6.5.3"},"@storybook/addons":{"version":"6.5.3"},"@storybook/react":{"version":"6.5.3"}},"framework":{"name":"react"},"addons":{"@storybook/addon-postcss":{"version":"2.0.0"},"@storybook/addon-actions":{"version":"6.5.3"},"@storybook/addon-docs":{"options":{"configureJSX":true},"version":"6.5.3"},"@storybook/addon-controls":{"version":"6.5.3"},"@geometricpanda/storybook-addon-badges":{"version":"0.2.2"}}}