@maggioli-design-system/styles - npm Package Compare versions

Comparing version 7.0.0 to 8.0.0

package.json

 {
   "name": "@maggioli-design-system/styles",
-  "version": "7.0.0",
+  "version": "8.0.0",
   "description": "This module contains SCSS and CSS styles used by Maggioli Design System, it also makes available a Tailwind config based on Maggioli design tokens.",
@@ -8,9 +8,8 @@ "main": "./tailwind.config.js",
     "build": "npm run clean && npm run copy && npm run tailwind.build",
-    "clean": "rm -rf dist || true && mkdir -p dist/css dist/tailwind",
-    "copy": "npm run copy.tailwind && npm run copy.css",
-    "copy.tailwind": "cp -rf tailwind dist",
-    "copy.css": "cp -rf ../design-tokens/dist/css/*.css ./dist/css/.",
-    "tailwind.base": "tailwindcss -i ./css/base.css -o ./dist/css/base.css",
-    "tailwind.build": "npm run tailwind.base && npm run tailwind.typography",
-    "tailwind.typography": "tailwindcss -i ./css/typography.css -o ./dist/css/typography.css"
+    "clean": "npx ts-node scripts/clean.ts",
+    "copy": "npx ts-node scripts/copy.ts",
+    "tailwind.base": "postcss ./postcss/base.css -o ./dist/css/base.css",
+    "tailwind.reset": "postcss ./postcss/reset.css -o ./dist/css/reset.css",
+    "tailwind.build": "npm run tailwind.base && npm run tailwind.reset && npm run tailwind.typography",
+    "tailwind.typography": "postcss ./postcss/typography.css -o ./dist/css/typography.css"
   },
@@ -37,2 +36,7 @@ "files": [
       "role": "UX UI Designer"
+    },
+    {
+      "name": "Daniele Tardia",
+      "email": "[e-mail]",
+      "role": "Senior Developer"
     }
@@ -42,13 +46,15 @@ ],
   "dependencies": {
-    "@maggioli-design-system/design-tokens": "^7.0.0",
+    "@maggioli-design-system/design-tokens": "^8.0.0",
     "normalize.css": "^8.0.1",
     "typeface-karla": "^1.1.13",
-    "typeface-roboto": "^1.1.13"
+    "typeface-roboto": "^1.1.13",
+    "typeface-merriweather": "^1.1.13"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.7",
+    "postcss-cli": "^9.1.0",
     "postcss": "^8.4.13",
     "postcss-import": "^14.0.7",
-    "tailwindcss": "^3.0.24"
+    "tailwindcss": "^3.1.4"
   }
 }

postcss.config.js

 module.exports = {
   plugins: [
     require('postcss-import'),
+    require('tailwindcss/nesting'),
     require('tailwindcss'),
@@ -5,0 +6,0 @@ require('autoprefixer'),

README.md

@@ -13,1 +13,18 @@ # Maggioli Design System
 ```
+
+---
+
+### Structure
+
+#### Folder `postcss`
+
+Here you add CSS that should be buit with postcss, which is stored inside `dist/css`.
+
+#### Folder `css`
+
+Here you add static CSS that should be stored inside `dist/css`.
+
+#### Folder `tailwind`
+
+Here you add Tailwind CSS that should be stored inside `dist/tailwind`, this folder is used when you use tailwind also in your product.
+

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

140802

increased by9.92%

Number of package files

22

increased by10%

Lines of code

4636

increased by13.13%

Number of lines in readme file

30

increased by130.77%

Worsened metrics

Dependency count

5

increased by25%

Dev dependency count

5

increased by25%

Dependency changes

• + Addedtypeface-merriweather@^1.1.13

• + Added@maggioli-design-system/design-tokens@8.0.0(transitive)

• + Addedtypeface-merriweather@1.1.13(transitive)

• - Removed@maggioli-design-system/design-tokens@7.0.0(transitive)

• Updated@maggioli-design-system/design-tokens@^8.0.0