Merge pull request #31 from ahmetarsiv/master

UI Upgrade & Dark Mode & Readme Update

.storybook/main.ts

@@ -1,27 +1,28 @@
-import type { StorybookConfig } from "@storybook/react-vite";
+import type { StorybookConfig } from '@storybook/react-vite';
 
 export const title = 'Interfeys Design System';
 
 const config: StorybookConfig = {
-  stories: [
-    "../stories/**/*.mdx",
-    "../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)",
-    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)",
-  ],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-onboarding",
-    "@storybook/addon-interactions",
-    "@storybook/addon-actions",
-    "@storybook/addon-knobs"
-  ],
-  framework: {
-    name: "@storybook/react-vite",
-    options: {},
-  },
-  docs: {
-    autodocs: "tag",
-  },
+    stories: [
+        '../stories/**/*.mdx',
+        '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)',
+        '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)',
+    ],
+    addons: [
+        '@storybook/addon-links',
+        '@storybook/addon-essentials',
+        '@storybook/addon-onboarding',
+        '@storybook/addon-interactions',
+        '@storybook/addon-actions',
+        '@storybook/addon-knobs',
+        'storybook-dark-mode',
+    ],
+    framework: {
+        name: '@storybook/react-vite',
+        options: {},
+    },
+    docs: {
+        autodocs: 'tag',
+    },
 };
 export default config;

.storybook/preview.ts

@@ -1,24 +1,36 @@
-import type { Preview } from "@storybook/react";
-import "../src/globals.css";
+import type { Preview } from '@storybook/react';
+import { themes } from '@storybook/theming';
+import '../src/globals.css';
 
 const preview: Preview = {
-  parameters: {
-    actions: { argTypesRegex: "^on[A-Z].*" },
-    viewMode: 'docs',
-    options: {
-      storySort: {
-        method: 'react',
-        order: ['Documentation', ['Welcome', '*'], 'Frameworks', 'Components', 'Design System'],
-        locales: 'en-US',
-      },
+    parameters: {
+        darkMode: {
+            classTarget: 'body',
+            darkClass: 'dark',
+            lightClass: 'light',
+            stylePreview: true,
+            dark: themes.dark,
+            light: themes.light,
+        },
+        docs: {
+            theme: themes.dark,
+        },
+        actions: { argTypesRegex: '^on[A-Z].*' },
+        viewMode: 'docs',
+        options: {
+            storySort: {
+                method: 'react',
+                order: ['Get Started', ['Introduction', 'Installation']],
+                locales: 'en-US',
+            },
+        },
+        controls: {
+            matchers: {
+                color: /(background|color)$/i,
+                date: /Date$/i,
+            },
+        },
     },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
 };
 
 export default preview;

CONTRIBUTING.md

@@ -0,0 +1,23 @@
+# Interfeys Contribution Guide
+
+**BUGS:**
+
+To encourage active collaboration, Interfeys Design System project encourages pull requests, not just bug reports. "Bug reports" may also be sent in the form of a pull request containing a negative test.
+
+However, when filing a bug report, your issue should contain a title and a clear description of the issue. You should also include as much relevant information as possible and a code sample that demonstrates the issue. The goal of a bug report is to make it easy for yourself - and others - to replicate the bug and develop a fix.
+
+Remember, bug reports are created in the hope that others with the same problem will collaborate with you on solving it. Creating a bug report serves to help yourself and others start on the path of fixing the problem.
+
+**Core development ideas or discussion:**
+
+If you propose a new feature, please implement at least some of the code needed to complete the quality.
+
+Informal discussion regarding bugs, new features, and implementation of existing features occurs in the comments of the issues filed using feature template.
+
+**Which branch you should target?**
+
+All bug fixes should be sent to the latest staging branch, i.e. development branch. Bug fixes should never be sent to the master branch unless they fix features that exist only in the upcoming release.
+
+Minor features fully backwards compatible with the current React release may be sent to the latest stable branch.
+
+Major new features should always be sent to the master branch, which contains the upcoming Interfeys Design System release.