@paroicms/generator-site 0.12.17 → 0.13.0

package/.turbo/turbo-build.log

@@ -1,12 +1,4 @@
 
-> @paroicms/generator-site@0.12.17 build
-> npm run scss
-
-
-> @paroicms/generator-site@0.12.17 scss
-> npm run _scss -- --no-source-map --style=compressed
-
-
-> @paroicms/generator-site@0.12.17 _scss
-> sass theme/assets/scss/index.scss theme/assets/css/index.css --no-source-map --style=compressed
+> @paroicms/generator-site@0.13.0 build
+> postcss theme/assets/css/index.css -o theme/assets/index.css
 

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @paroicms/generator-site
 
+## 0.13.0
+
+### Minor Changes
+
+- 2f26720: New UI. Removed PrimeReact and SASS.
+
+### Patch Changes
+
+- Updated dependencies [2f26720]
+- Updated dependencies [2f26720]
+  - @paroicms/site-generator-plugin@0.30.0
+  - @paroicms/tiptap-editor-plugin@1.2.0
+  - @paroicms/script-lib@0.3.12
+
 ## 0.12.17
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paroicms/generator-site",
-  "version": "0.12.17",
+  "version": "0.13.0",
   "description": "ParoiCMS generator website",
   "author": "Paroi Team",
   "license": "MIT",
@@ -15,24 +15,26 @@
   "scripts": {
     "start": "paroicms | npm run _pino-pretty",
     "start:dev": "nodemon --watch 'site-schema*.json' --watch config.json",
-    "clear": "rimraf theme/assets/css/*",
-    "build": "npm run scss",
-    "dev": "concurrently -n 'node,scss' -c 'yellow.bold,magenta.bold' 'npm run start:dev' 'npm run scss:watch'",
-    "scss": "npm run _scss -- --no-source-map --style=compressed",
-    "scss:watch": "npm run _scss && npm run _scss -- --watch",
-    "_scss": "sass theme/assets/scss/index.scss theme/assets/css/index.css",
+    "dev": "concurrently -n 'node,css' -c 'yellow.bold,magenta.bold' 'npm run start:dev' 'npm run css:watch'",
+    "build": "postcss theme/assets/css/index.css -o theme/assets/index.css",
+    "clear": "rimraf theme/assets/index.css",
+    "css:watch": "postcss theme/assets/css/index.css -o theme/assets/index.css --watch",
     "_pino-pretty": "pino-pretty -U false -x 'stats:25' -X 'stats:grey' -t 'yyyy-mm-dd HH:MM:ss.l' -i 'hostname,pid,fqdn'"
   },
   "dependencies": {
-    "@paroicms/script-lib": "0.3.11",
-    "@paroicms/site-generator-plugin": "0.29.0",
-    "@paroicms/tiptap-editor-plugin": "1.1.2"
+    "@paroicms/script-lib": "0.3.12",
+    "@paroicms/site-generator-plugin": "0.30.0",
+    "@paroicms/tiptap-editor-plugin": "1.2.0"
   },
   "devDependencies": {
     "concurrently": "~9.2.1",
+    "cssnano": "~7.1.2",
     "nodemon": "~3.1.11",
-    "pino-pretty": "~13.1.2",
-    "rimraf": "~6.1.2",
-    "sass": "~1.94.2"
+    "pino-pretty": "~13.1.3",
+    "postcss": "~8.5.6",
+    "postcss-cli": "~11.0.1",
+    "postcss-import": "~16.1.1",
+    "postcss-nested": "~7.0.2",
+    "rimraf": "~6.1.2"
   }
 }

package/postcss.config.js

@@ -0,0 +1,9 @@
+export default {
+  plugins: {
+    "postcss-import": {},
+    "postcss-nested": {},
+    cssnano: {
+      preset: "default",
+    },
+  },
+};

package/theme/assets/css/index.css

@@ -1 +1,2 @@
-:root{--paInteractiveColor: #99f}html{margin:0;padding:0}body{line-height:1.5;padding:0;margin:0}
+@import "./tokens.css";
+@import "./theme.css";

package/theme/assets/{scss/_theme.scss → css/theme.css}

@@ -1,12 +1,10 @@
-@use "constants";
-
 html {
-  margin: 0;
   padding: 0;
+  margin: 0;
 }
 
 body {
-  line-height: 1.5;
   padding: 0;
   margin: 0;
-}
+  line-height: 1.5;
+}

package/theme/assets/css/tokens.css

@@ -0,0 +1,62 @@
+:root {
+  --font-size-6: 0.375rem;
+  --font-size-7: 0.4375rem;
+  --font-size-8: 0.5rem;
+  --font-size-9: 0.5625rem;
+  --font-size-10: 0.625rem;
+  --font-size-11: 0.6875rem;
+  --font-size-12: 0.75rem;
+  --font-size-13: 0.8125rem;
+  --font-size-14: 0.875rem;
+  --font-size-15: 0.9375rem;
+  --font-size-16: 1rem;
+  --font-size-17: 1.0625rem;
+  --font-size-18: 1.125rem;
+  --font-size-19: 1.1875rem;
+  --font-size-20: 1.25rem;
+  --font-size-21: 1.3125rem;
+  --font-size-22: 1.375rem;
+  --font-size-23: 1.4375rem;
+  --font-size-24: 1.5rem;
+  --font-size-25: 1.5625rem;
+  --font-size-26: 1.625rem;
+  --font-size-27: 1.6875rem;
+  --font-size-28: 1.75rem;
+  --font-size-29: 1.8125rem;
+  --font-size-30: 1.875rem;
+  --font-size-31: 1.9375rem;
+  --font-size-32: 2rem;
+  --font-size-33: 2.0625rem;
+  --font-size-34: 2.125rem;
+  --font-size-35: 2.1875rem;
+  --font-size-36: 2.25rem;
+  --font-size-37: 2.3125rem;
+  --font-size-38: 2.375rem;
+  --font-size-39: 2.4375rem;
+  --font-size-40: 2.5rem;
+  --font-size-41: 2.5625rem;
+  --font-size-42: 2.625rem;
+  --font-size-43: 2.6875rem;
+  --font-size-44: 2.75rem;
+  --font-size-45: 2.8125rem;
+  --font-size-46: 2.875rem;
+  --font-size-47: 2.9375rem;
+  --font-size-48: 3rem;
+  --font-size-49: 3.0625rem;
+  --font-size-50: 3.125rem;
+  --font-size-51: 3.1875rem;
+  --font-size-52: 3.25rem;
+  --font-size-53: 3.3125rem;
+  --font-size-54: 3.375rem;
+  --font-size-55: 3.4375rem;
+  --font-size-56: 3.5rem;
+  --font-size-57: 3.5625rem;
+  --font-size-58: 3.625rem;
+  --font-size-59: 3.6875rem;
+  --font-size-60: 3.75rem;
+  --font-size-61: 3.8125rem;
+  --font-size-62: 3.875rem;
+  --font-size-63: 3.9375rem;
+  --font-size-64: 4rem;
+  --paInteractiveColor: #99f;
+}

package/theme/assets/index.css

@@ -0,0 +1 @@
+:root{--font-size-6:0.375rem;--font-size-7:0.4375rem;--font-size-8:0.5rem;--font-size-9:0.5625rem;--font-size-10:0.625rem;--font-size-11:0.6875rem;--font-size-12:0.75rem;--font-size-13:0.8125rem;--font-size-14:0.875rem;--font-size-15:0.9375rem;--font-size-16:1rem;--font-size-17:1.0625rem;--font-size-18:1.125rem;--font-size-19:1.1875rem;--font-size-20:1.25rem;--font-size-21:1.3125rem;--font-size-22:1.375rem;--font-size-23:1.4375rem;--font-size-24:1.5rem;--font-size-25:1.5625rem;--font-size-26:1.625rem;--font-size-27:1.6875rem;--font-size-28:1.75rem;--font-size-29:1.8125rem;--font-size-30:1.875rem;--font-size-31:1.9375rem;--font-size-32:2rem;--font-size-33:2.0625rem;--font-size-34:2.125rem;--font-size-35:2.1875rem;--font-size-36:2.25rem;--font-size-37:2.3125rem;--font-size-38:2.375rem;--font-size-39:2.4375rem;--font-size-40:2.5rem;--font-size-41:2.5625rem;--font-size-42:2.625rem;--font-size-43:2.6875rem;--font-size-44:2.75rem;--font-size-45:2.8125rem;--font-size-46:2.875rem;--font-size-47:2.9375rem;--font-size-48:3rem;--font-size-49:3.0625rem;--font-size-50:3.125rem;--font-size-51:3.1875rem;--font-size-52:3.25rem;--font-size-53:3.3125rem;--font-size-54:3.375rem;--font-size-55:3.4375rem;--font-size-56:3.5rem;--font-size-57:3.5625rem;--font-size-58:3.625rem;--font-size-59:3.6875rem;--font-size-60:3.75rem;--font-size-61:3.8125rem;--font-size-62:3.875rem;--font-size-63:3.9375rem;--font-size-64:4rem;--paInteractiveColor:#99f}body,html{margin:0;padding:0}body{line-height:1.5}

package/theme/templates/layouts/main-layout.liquid

@@ -6,7 +6,7 @@
       {% if doc.type != 'home' and doc.title %}{{ doc.title }} -{%- endif %}
       {{ site.field.title }}
     </title>
-    <link rel="stylesheet" href="{{ site.assetsUrl }}/css/index.css">
+    <link rel="stylesheet" href="{{ site.assetsUrl }}/index.css">
     {{ doc | headTags }}
   </head>
 

package/theme/assets/scss/_constants.scss

@@ -1,87 +0,0 @@
-:root {
-  --paInteractiveColor: #99f;
-}
-
-@mixin for-phone {
-  @media not all and (min-width: 640px) {
-    @content;
-  }
-}
-
-@mixin for-tablet-up {
-  @media (min-width: 640px) {
-    @content;
-  }
-}
-
-@mixin for-phone-and-tablet {
-  @media not all and (min-width: 992px) {
-    @content;
-  }
-}
-
-@mixin for-desktop {
-  @media (min-width: 992px) {
-    @content;
-  }
-}
-
-$f6: 0.375rem;
-$f7: 0.4375rem;
-$f8: 0.5rem;
-$f9: 0.5625rem;
-$f10: 0.625rem;
-$f11: 0.6875rem;
-$f12: 0.75rem;
-$f13: 0.8125rem;
-$f14: 0.875rem;
-$f15: 0.9375rem;
-$f16: 1rem;
-$f17: 1.0625rem;
-$f18: 1.125rem;
-$f19: 1.1875rem;
-$f20: 1.25rem;
-$f21: 1.3125rem;
-$f22: 1.375rem;
-$f23: 1.4375rem;
-$f24: 1.5rem;
-$f25: 1.5625rem;
-$f26: 1.625rem;
-$f27: 1.6875rem;
-$f28: 1.75rem;
-$f29: 1.8125rem;
-$f30: 1.875rem;
-$f31: 1.9375rem;
-$f32: 2rem;
-$f33: 2.0625rem;
-$f34: 2.125rem;
-$f35: 2.1875rem;
-$f36: 2.25rem;
-$f37: 2.3125rem;
-$f38: 2.375rem;
-$f39: 2.4375rem;
-$f40: 2.5rem;
-$f41: 2.5625rem;
-$f42: 2.625rem;
-$f43: 2.6875rem;
-$f44: 2.75rem;
-$f45: 2.8125rem;
-$f46: 2.875rem;
-$f47: 2.9375rem;
-$f48: 3rem;
-$f49: 3.0625rem;
-$f50: 3.125rem;
-$f51: 3.1875rem;
-$f52: 3.25rem;
-$f53: 3.3125rem;
-$f54: 3.375rem;
-$f55: 3.4375rem;
-$f56: 3.5rem;
-$f57: 3.5625rem;
-$f58: 3.625rem;
-$f59: 3.6875rem;
-$f60: 3.75rem;
-$f61: 3.8125rem;
-$f62: 3.875rem;
-$f63: 3.9375rem;
-$f64: 4rem;

package/theme/assets/scss/index.scss

@@ -1 +0,0 @@
-@use "theme";