From b9c6f58dfb139113d7be5c9709ddf9ceb4427607 Mon Sep 17 00:00:00 2001
From: mosarabi <149577299+mosarabi@users.noreply.github.com>
Date: Thu, 5 Sep 2024 10:14:15 +0100
Subject: [PATCH] UI-458: Added style package to packages (#397)

---
 packages/styles/package-lock.json             | 100 ++++++++++++++++++
 packages/styles/package.json                  |  24 +++++
 packages/styles/postcss.config.js             |  10 ++
 .../styles/src/scss/components/buttons.scss   |   0
 packages/styles/src/scss/index.scss           |   1 +
 5 files changed, 135 insertions(+)
 create mode 100644 packages/styles/package-lock.json
 create mode 100644 packages/styles/package.json
 create mode 100644 packages/styles/postcss.config.js
 create mode 100644 packages/styles/src/scss/components/buttons.scss
 create mode 100644 packages/styles/src/scss/index.scss

diff --git a/packages/styles/package-lock.json b/packages/styles/package-lock.json
new file mode 100644
index 00000000..e1643c08
--- /dev/null
+++ b/packages/styles/package-lock.json
@@ -0,0 +1,100 @@
+{
+  "name": "@youcan/styles",
+  "version": "1.0.0",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "@youcan/styles",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "postcss": "^8.4.41"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
+    },
+    "node_modules/postcss": {
+      "version": "8.4.41",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.41.tgz",
+      "integrity": "sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.1",
+        "source-map-js": "^1.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    }
+  },
+  "dependencies": {
+    "nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g=="
+    },
+    "picocolors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
+    },
+    "postcss": {
+      "version": "8.4.41",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.41.tgz",
+      "integrity": "sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==",
+      "requires": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.1",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "source-map-js": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg=="
+    }
+  }
+}
diff --git a/packages/styles/package.json b/packages/styles/package.json
new file mode 100644
index 00000000..da1805b1
--- /dev/null
+++ b/packages/styles/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "@youcan/styles",
+  "version": "1.0.0",
+  "description": "",
+  "author": "",
+  "license": "ISC",
+  "keywords": [],
+  "scripts": {
+    "build:scss": "sass src/scss:src/css src/scss/components:src/css --no-source-map",
+    "build": "pnpm build:scss && postcss 'src/css/*.css' --dir dist/",
+    "watch": "sass --watch src/scss:src/css src/scss/components:src/css --no-source-map",
+    "ship": "pnpm build && bumpp package.json --commit \"[chore]: Release v\" --push --tag && pnpm publish --access public"
+  },
+  "dependencies": {
+    "cssnano": "^7.0.5",
+    "postcss-cli": "^11.0.0",
+    "postcss-prefixer": "^3.0.0"
+  },
+  "devDependencies": {
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.41",
+    "sass": "1.54.8"
+  }
+}
diff --git a/packages/styles/postcss.config.js b/packages/styles/postcss.config.js
new file mode 100644
index 00000000..d29897ba
--- /dev/null
+++ b/packages/styles/postcss.config.js
@@ -0,0 +1,10 @@
+module.exports = {
+  plugins: [
+    require('autoprefixer'),
+    require('cssnano')({
+      preset: 'default',
+    }),
+
+    require('postcss-prefixer')({ prefix: 'yc-' }),
+  ],
+};
diff --git a/packages/styles/src/scss/components/buttons.scss b/packages/styles/src/scss/components/buttons.scss
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/styles/src/scss/index.scss b/packages/styles/src/scss/index.scss
new file mode 100644
index 00000000..95a1a31a
--- /dev/null
+++ b/packages/styles/src/scss/index.scss
@@ -0,0 +1 @@
+@import 'components/buttons';