refactor componente svg

.github/workflows/build-status.yml

@@ -1,24 +1,21 @@
-
 name: Build Status
 
-on: ["push"]
+on: ['push']
 
 jobs:
-
   build:
     name: Build
     runs-on: ubuntu-latest
 
     steps:
+      - uses: actions/checkout@v1
 
-    - uses: actions/checkout@v1
-
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
-      with:
-        node-version: 14.x
+      - name: Use Node.js
+        uses: actions/setup-node@v1
+        with:
+          node-version: 16.x
 
-    - name: npm install, run test
-      run: |
-        npm install
-        npm t
+      - name: npm install, run test
+        run: |
+          npm install
+          npm t

.github/workflows/coverage-status.yml

@@ -1,28 +1,25 @@
-
 name: Coverage Status
 
-on: ["push"]
+on: ['push']
 
 jobs:
   build:
     name: Build
     runs-on: ubuntu-latest
 
-
     steps:
-
-    - uses: actions/checkout@v1
-
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
-      with:
-        node-version: 14.x
-
-    - name: npm install, make test-coverage
-      run: |
-        npm install
-        npm run test:coverage
-    - name: Coveralls
-      uses: coverallsapp/github-action@master
-      with:
-        github-token: ${{ secrets.GITHUB_TOKEN }}
+      - uses: actions/checkout@v1
+
+      - name: Use Node.js
+        uses: actions/setup-node@v1
+        with:
+          node-version: 16.x
+
+      - name: npm install, make test-coverage
+        run: |
+          npm install
+          npm run test:coverage
+      - name: Coveralls
+        uses: coverallsapp/github-action@master
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/npm-publish.yml

@@ -2,7 +2,7 @@ name: NPM Publish
 
 on:
   push:
-    tags: [ '*' ]
+    tags: ['*']
 
 jobs:
   build:
@@ -11,7 +11,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
         with:
-          node-version: 14.x
+          node-version: 16.x
       - run: npm install
       - run: npm test
 
@@ -23,22 +23,22 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
         with:
-          node-version: 14.x
+          node-version: 16.x
           registry-url: https://registry.npmjs.org/
       - run: npm install
       - run: npm run build
       - run: npm publish --access public
         env:
           NODE_AUTH_TOKEN: ${{secrets.npm_token}}
-          
+
   send-slack-message:
-      needs: publish-npm
-      runs-on: ubuntu-latest
-      steps:
-        - uses: actions/checkout@v2
-        - uses: actions/setup-node@v1
-          with:
-            node-version: 14
-        - run: bash ./scripts/release-notes.sh
-          env:
-            RELEASE_SLACK_WEBHOOK_URL: ${{secrets.RELEASE_SLACK_WEBHOOK_URL}}
+    needs: publish-npm
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 14
+      - run: bash ./scripts/release-notes.sh
+        env:
+          RELEASE_SLACK_WEBHOOK_URL: ${{secrets.RELEASE_SLACK_WEBHOOK_URL}}

.gitignore

@@ -68,4 +68,5 @@ dist/
 
 # Static storybook page
 .storybook_static/*
-!.storybook_static/.gitkeep
+!.storybook_static/.gitkeep
+.storybook_static

.ondevice/main.js

@@ -1,4 +1,4 @@
 module.exports = {
 	stories: ['../storybook/stories/**/*.stories.?(ts|tsx|js|jsx)'],
-	addons: [],
+	addons: ['@storybook/addon-ondevice-actions', '@storybook/addon-ondevice-controls'],
 };

.ondevice/storybook.requires.js

@@ -18,6 +18,11 @@ global.STORIES = [
   },
 ];
 
+import "@storybook/addon-ondevice-actions/register";
+import "@storybook/addon-ondevice-controls/register";
+
+import { argsEnhancers } from "@storybook/addon-actions/dist/modern/preset/addArgs";
+
 import { decorators, parameters } from "./preview";
 
 if (decorators) {
@@ -36,6 +41,10 @@ if (parameters) {
   addParameters(parameters);
 }
 
+try {
+  argsEnhancers.forEach((enhancer) => addArgsEnhancer(enhancer));
+} catch {}
+
 const getStories = () => {
   return {
     "./storybook/stories/Avatar/Avatar.stories.js": require("../storybook/stories/Avatar/Avatar.stories.js"),

.prettierrc.js

@@ -4,4 +4,5 @@ module.exports = {
 	printWidth: 100,
 	useTabs: true,
 	singleQuote: true,
+	endOfLine: "auto",
 };

.storybook/main.js

@@ -1,13 +1,16 @@
-const config = {
-	framework: '@storybook/react-webpack5',
+module.exports = {
 	stories: ['../storybook/stories/**/*.stories.@(js|jsx|ts|tsx)'],
 	addons: [
 		'@storybook/addon-actions',
 		'@storybook/addon-controls',
+		'@storybook/addon-essentials',
 		'@storybook/addon-react-native-web',
 	],
+	core: {
+		builder: '@storybook/builder-webpack5',
+	},
 	docs: {
 		autodocs: 'tag',
-	}
+	},
+	typescript: {reactDocgen: false},
 };
-export default config;

.storybook_server/main.js

@@ -1,5 +1,8 @@
 module.exports = {
 	stories: ['../storybook/stories/**/*.stories.@(js|jsx|ts|tsx)'],
 	env: () => ({}),
-	addons: ['@storybook/addon-controls', '@storybook/addon-actions'],
+	core: {
+		builder: 'webpack5',
+	},
+	addons: ['@storybook/addon-controls', '@storybook/addon-actions', '@storybook/addon-essentials'],
 };

docs/117.9a5c27ea8674bb35d0cb.manager.bundle.js.LICENSE.txt

@@ -0,0 +1,8 @@
+/**
+   * Prism: Lightweight, robust, elegant syntax highlighting
+   *
+   * @license MIT <https://opensource.org/licenses/MIT>
+   * @author Lea Verou <https://lea.verou.me>
+   * @namespace
+   * @public
+   */

docs/255.1dc77e18b0980ea2b5b1.manager.bundle.js.LICENSE.txt

@@ -0,0 +1,12 @@
+/*!
+ * OverlayScrollbars
+ * https://github.com/KingSora/OverlayScrollbars
+ *
+ * Version: 1.13.0
+ *
+ * Copyright KingSora | Rene Haas.
+ * https://github.com/KingSora
+ *
+ * Released under the MIT license.
+ * Date: 02.08.2020
+ */

docs/273.8c4359ec.iframe.bundle.js.LICENSE.txt

@@ -0,0 +1,14 @@
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */

docs/407.41ababca85f8125a7142.manager.bundle.js.LICENSE.txt

@@ -0,0 +1,31 @@
+/**
+    	 * @license
+    	 * Copyright Google Inc. All Rights Reserved.
+    	 *
+    	 * Use of this source code is governed by an MIT-style license that can be
+    	 * found in the LICENSE file at https://angular.io/license
+    	 */
+
+/**
+      	   * @license
+      	   * Copyright Google Inc. All Rights Reserved.
+      	   *
+      	   * Use of this source code is governed by an MIT-style license that can be
+      	   * found in the LICENSE file at https://angular.io/license
+      	   */
+
+/**
+     * @license
+     * Copyright Google Inc. All Rights Reserved.
+     *
+     * Use of this source code is governed by an MIT-style license that can be
+     * found in the LICENSE file at https://angular.io/license
+     */
+
+/**
+   * @license
+   * Copyright Google Inc. All Rights Reserved.
+   *
+   * Use of this source code is governed by an MIT-style license that can be
+   * found in the LICENSE file at https://angular.io/license
+   */

docs/51.4d497da6.iframe.bundle.js.LICENSE.txt

@@ -0,0 +1,8 @@
+/**
+   * Prism: Lightweight, robust, elegant syntax highlighting
+   *
+   * @license MIT <https://opensource.org/licenses/MIT>
+   * @author Lea Verou <https://lea.verou.me>
+   * @namespace
+   * @public
+   */