@policystudio/policy-studio-ui-vue 1.0.0

package/.storybook/main.js

@@ -0,0 +1,10 @@
+module.exports = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials"
+  ]
+}

package/.storybook/preview.js

@@ -0,0 +1,11 @@
+import '../src/assets/scss/tailwind.css'
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}

package/README.md

@@ -0,0 +1,11 @@
+# UI library of Vue components with StoryBook
+
+### Run documentation
+```$ npm run storybook```
+
+### Instalation for use
+```$ npm i -S @explorer/explorer-ui```
+
+### Dependencias for use
+- TaiwindCSS
+- Material design icons

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@policystudio/policy-studio-ui-vue",
+  "version": "1.0.0",
+  "description": "Policy Studio UI",
+  "main": "src/index.js",
+  "author": "Policy Studio Team",
+  "url": "https://bitbucket.org/policy-studio/policy-studio-ui-vue",
+  "scripts": {
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "build:tailwind": "postcss src/assets/scss/base.scss -o src/assets/scss/tailwind.css"
+  },
+  "keywords": [
+    "vue",
+    "ui"
+  ],
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/core": "^7.16.0",
+    "@storybook/addon-actions": "^6.3.12",
+    "@storybook/addon-essentials": "^6.3.12",
+    "@storybook/addon-links": "^6.3.12",
+    "@storybook/vue": "^6.3.12",
+    "autoprefixer": "^10.4.0",
+    "babel-loader": "^8.2.3",
+    "postcss": "^8.3.11",
+    "postcss-cli": "^9.0.2",
+    "tailwindcss": "^1.9.6",
+    "vue": "^2.6.14",
+    "vue-loader": "^15.9.8",
+    "vue-router": "^3.5.3",
+    "vue-template-compiler": "^2.6.14"
+  },
+  "dependencies": {}
+}

package/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/src/assets/scss/base.scss

@@ -0,0 +1,29 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
+
+.text-h1 {
+  font-size: 28;
+  line-height: 120%;    
+}
+.text-h2 {
+  font-size: 24px;
+  line-height: 120%;    
+}
+.text-h3 {
+  font-size: 22px;
+  line-height: 120%;    
+}
+.text-h4 {
+  font-size: 20px;
+  line-height: 120%;    
+}
+.text-h5 {
+  font-size: 18px;
+  line-height: 120%;    
+}
+.text-h6 {
+  font-size: 17px;
+  line-height: 120%;    
+}