diff --git a/.gitignore b/.gitignore
index 53a083b..b8b5ad9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,6 +6,6 @@ styles/*.map
coverage
.nyc_output
.tmp
-componentsIndex.js
.idea
-.DS_Store
\ No newline at end of file
+.DS_Store
+dist
\ No newline at end of file
diff --git a/.npmignore b/.npmignore
index edc6c20..7ee4cf2 100644
--- a/.npmignore
+++ b/.npmignore
@@ -1,2 +1,2 @@
node_modules
-example/dist
+docs
\ No newline at end of file
diff --git a/.storybook/addons.js b/.storybook/addons.js
new file mode 100644
index 0000000..ad4117d
--- /dev/null
+++ b/.storybook/addons.js
@@ -0,0 +1,2 @@
+require('@storybook/addon-knobs/register');
+require('@storybook/addon-actions/register');
\ No newline at end of file
diff --git a/.storybook/config.js b/.storybook/config.js
new file mode 100644
index 0000000..851d8e5
--- /dev/null
+++ b/.storybook/config.js
@@ -0,0 +1,15 @@
+import { configure } from '@storybook/react';
+import { setDefaults } from '@storybook/addon-info';
+
+// automatically import all files ending in *.stories.js
+const req = require.context('../src', true, /.stories.js$/);
+function loadStories() {
+ req.keys().forEach((filename) => req(filename));
+}
+
+configure(loadStories, module);
+
+// addon-info
+setDefaults({
+ header: false, // Toggles display of header with component name and description
+ });
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
new file mode 100644
index 0000000..49d6121
--- /dev/null
+++ b/.storybook/preview-head.html
@@ -0,0 +1,19 @@
+
+
+
\ No newline at end of file
diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
new file mode 100644
index 0000000..1b253df
--- /dev/null
+++ b/.storybook/webpack.config.js
@@ -0,0 +1,53 @@
+// you can use this file to add your custom webpack plugins, loaders and anything you like.
+// This is just the basic way to add additional webpack configurations.
+// For more information refer the docs: https://storybook.js.org/configurations/custom-webpack-config
+
+// IMPORTANT
+// When you add this file, we won't add the default configurations which is similar
+// to "React Create App". This only has babel loader to load JavaScript.
+/*
+module.exports = {
+ plugins: [
+ // your custom plugins
+ ],
+ module: {
+ rules: [
+ {
+ test: /\.js$/,
+ use: ['babel-loader'],
+ exclude: /node_modules/,
+ },
+ {
+ test: /\.json$/,
+ use: 'json-loader',
+ },
+ {
+ test: /\.css$/,
+ use: ['css', 'sass'],
+ },
+ ],
+ },
+ externals: {
+ react: 'react',
+ },
+};
+*/
+
+const path = require("path");
+
+// Export a function. Accept the base config as the only param.
+module.exports = (storybookBaseConfig) => {
+ // configType has a value of 'DEVELOPMENT' or 'PRODUCTION'
+ // You can change the configuration based on that.
+ // 'PRODUCTION' is used when building the static version of storybook.
+
+ // Make whatever fine-grained changes you need
+ storybookBaseConfig.module.rules.push({
+ test: /\.scss$/,
+ loaders: ["style-loader", "css-loader", "sass-loader"],
+ include: path.resolve(__dirname, "../")
+ });
+
+ // Return the altered config
+ return storybookBaseConfig;
+};
\ No newline at end of file
diff --git a/Gulpfile.js b/Gulpfile.js
deleted file mode 100644
index d1e8f3e..0000000
--- a/Gulpfile.js
+++ /dev/null
@@ -1,13 +0,0 @@
-const createBlueKit = require('react-bluekit/lib/createBlueKit').default;
-
-const gulp = require('gulp')
-
-createBlueKit({
- // your directory where components are located
- baseDir: __dirname,
- // relative paths from base dir where to look for components
- paths: ['./src']
-});
-
-gulp.task('bluekit:build', ['build-bluekit'])
-gulp.task('bluekit:watch', ['build-bluekit', 'watch-bluekit'])
diff --git a/docs/favicon.ico b/docs/favicon.ico
new file mode 100644
index 0000000..8c2246a
Binary files /dev/null and b/docs/favicon.ico differ
diff --git a/docs/iframe.html b/docs/iframe.html
new file mode 100644
index 0000000..e5f94b1
--- /dev/null
+++ b/docs/iframe.html
@@ -0,0 +1,143 @@
+
+
+
+
+
+
+ Storybook
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
No Preview
+
Sorry, but you either have no stories or none are selected somehow.