Merge branch 'master' of https://github.com/janis-commerce/ui-native …

…into JUIP-114-corregir-storybook-del-componente-text

.github/workflows/npm-publish.yml

@@ -42,3 +42,46 @@ jobs:
       - run: bash ./scripts/release-notes.sh
         env:
           RELEASE_SLACK_WEBHOOK_URL: ${{secrets.RELEASE_SLACK_WEBHOOK_URL}}
+
+  build-and-deploy-storybooks:
+    needs: publish-npm
+    runs-on: ubuntu-latest
+
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    concurrency:
+      group: "pages"
+
+    permissions:
+      contents: read
+      pages: write
+      id-token: write
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: '16'
+
+      - name: Build docs Storybooks
+        run: | 
+          npm install
+          npm run storybook-web-docs
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v2
+        with:
+          # Upload entire repository
+          path: './docs/'
+          name: docs
+
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v2
+        with:
+          artifact_name: 'docs'
+          github-token: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -67,4 +67,5 @@ coverage
 dist/
 
 # Static storybook page
-.storybook_static
+.storybook_static
+.docs

.ondevice/storybook.requires.js

@@ -49,9 +49,11 @@ const getStories = () => {
   return {
     "./storybook/stories/Avatar/Avatar.stories.js": require("../storybook/stories/Avatar/Avatar.stories.js"),
     "./storybook/stories/CheckBox/CheckBox.stories.js": require("../storybook/stories/CheckBox/CheckBox.stories.js"),
+    "./storybook/stories/DesignStystem/Colors.stories.js": require("../storybook/stories/DesignStystem/Colors.stories.js"),
     "./storybook/stories/Image/Image.stories.js": require("../storybook/stories/Image/Image.stories.js"),
     "./storybook/stories/Input/Input.stories.js": require("../storybook/stories/Input/Input.stories.js"),
     "./storybook/stories/Loading/Loading.stories.js": require("../storybook/stories/Loading/Loading.stories.js"),
+    "./storybook/stories/LoadingFullScreen/LoadingFullScreen.stories.js": require("../storybook/stories/LoadingFullScreen/LoadingFullScreen.stories.js"),
     "./storybook/stories/StatusChip/StatusChip.stories.js": require("../storybook/stories/StatusChip/StatusChip.stories.js"),
     "./storybook/stories/Svg/Svg.stories.js": require("../storybook/stories/Svg/Svg.stories.js"),
     "./storybook/stories/Text/Text.stories.js": require("../storybook/stories/Text/Text.stories.js"),

.storybook/manager.js

@@ -0,0 +1,6 @@
+import {addons} from '@storybook/addons';
+import yourTheme from './theme';
+
+addons.setConfig({
+	theme: yourTheme,
+});

.storybook/preview-head.html

@@ -0,0 +1,9 @@
+<!-- .storybook/preview-head.html -->
+
+<!-- Pull in static files served from your Static directory or the internet -->
+<!-- Example: `main.js|ts` is configured with staticDirs: ['../public'] and your font is located in the `fonts` directory inside your `public` directory -->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap" rel="stylesheet">
+
+<!-- Or you can load custom head-tag JavaScript: -->

.storybook/preview.js

@@ -1,6 +1,10 @@
 import React from 'react';
 import CenterView from '../storybook/decorators/CenterView';
 
+export const parameters = {
+	viewMode: 'docs',
+};
+
 export const decorators = [
 	(Story) => (
 		<CenterView>

.storybook/theme.js

@@ -0,0 +1,11 @@
+import {create} from '@storybook/theming';
+
+export default create({
+	base: 'light',
+	brandTitle: 'Janis UI apps',
+	brandUrl: 'https://janis.im',
+	brandImage: 'https://app.janis.in/static/media/janis-logo-base.0cc15e53.svg',
+	brandTarget: 'https://janis.im',
+	fontBase: '"Roboto", sans-serif',
+	fontCode: 'Roboto',
+});

CHANGELOG.MD

@@ -21,6 +21,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Added component Status Chip
 - Added component Input
 - Added readme
+- Added github action to deploy storybooks docs
+- Added component LoadingFullScreen
 
 ### Changed
 
@@ -30,8 +32,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 
 - Fixed export components
-- Fixed an error when localy linking the package with a react native app
+- Fixed an error when locally linking the package with a react native app
+- Fixed the error when components are styled using styled-components
 
 ### Removed
 
 - Removed standard version package and setup
+- Removed Text component inside storybooks folder, and started using it from components

README.md

@@ -30,3 +30,5 @@ function App() {
 
 ReactDOM.render(<App />, document.querySelector('#app'));
 ```
+
+[Documentation](https://janis-commerce.github.io/ui-native)