chore: added storybook

deriv-com · Jan 17, 2024 · c0f0460 · c0f0460
1 parent 7bfbabb
commit c0f0460
Show file tree

Hide file tree

Showing 9 changed files with 14,535 additions and 2,462 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -0,0 +1,19 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-onboarding",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+export default config;
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -0,0 +1,15 @@
+import type { Preview } from "@storybook/react";
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;
diff --git a/lib/components/Text/Text.scss b/lib/components/Text/Text.scss
@@ -1,17 +1,17 @@
 $color-map: (
-    general: #333333,
-    primary: #999999,
-    success: #4bb4b3,
-    warning: #ffad3a,
-    error: #ec3f3f,
-    white: #ffffff,
-    black: #000000,
-    less-prominent: #999999,
-    red: #ff444f,
-    blue: #377cfc,
-    green: #17eabd,
-    orange: #ff9c13,
-    system-dark-2-general-text: #c2c2c2,
+    'general': #333333,
+    'primary': #999999,
+    'success': #4bb4b3,
+    'warning': #ffad3a,
+    'error': #ec3f3f,
+    'white': #ffffff,
+    'black': #000000,
+    'less-prominent': #999999,
+    'red': #ff444f,
+    'blue': #377cfc,
+    'green': #17eabd,
+    'orange': #ff9c13,
+    'system-dark-2-general-text': #c2c2c2,
 );
 
 $desktop-font-size-map: (