Initial builded version

Change-Id: I8937a5b559134d1d6029d16e9831c961287fee0c

source/app/src/styles/components/component.js

@@ -0,0 +1,8 @@
+const component = () => ({
+});
+
+module.exports = ({ addComponents, theme }) => {
+	addComponents(component(theme));
+};
+
+module.exports.component = component;

source/app/src/styles/global.css

@@ -0,0 +1,11 @@
+@import '@prokyon/styles/global.css';
+
+@import "./variables.css";
+
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap');
+
+body {
+	@apply bg-white text-black text-sm;
+	font-family: 'Poppins', sans-serif;
+	font-weight: lighter;
+}

source/app/src/styles/postcss.config.js

@@ -0,0 +1,4 @@
+const postcss = require('@prokyon/styles/postcss.config');
+const configPath = require.resolve('./tailwind.config.js');
+
+module.exports = postcss({ tailwindConfigFile: configPath });

source/app/src/styles/tailwind.config.js

@@ -0,0 +1,23 @@
+const path = require('path');
+
+const plugin = require('tailwindcss/plugin');
+
+module.exports = {
+	presets: [require('@prokyon/styles/tailwind.config')],
+	content: [
+		path.resolve(__dirname + '../../**/*.{js,ts,tsx}'),
+		path.resolve(__dirname + '../../../node_modules/@prokyon/**/*.{js,ts,tsx}'),
+	],
+	safelist: require('@prokyon/styles/tailwind.config').safelist,
+	theme: {
+		extend: require('./theme'),
+	},
+	variants: {
+		extend: {
+			borderWidth: ['last'],
+		},
+	},
+	plugins: [
+		plugin(require('./components/component')),
+	],
+};

source/app/src/styles/theme.js

@@ -0,0 +1,10 @@
+const { pallete } = require('@prokyon/styles/utils/color');
+
+module.exports = {
+	colors: {
+		disabled: pallete('disabled'),
+	},
+	borderWidth: {
+		1: '1px',
+	},
+};

source/app/src/styles/variables.css

@@ -0,0 +1,5 @@
+:root {
+	--color-h: 0;
+	--color-s: 0%;
+	--color-l: 0%;
+}