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

Comparing version 2.4.0 to 2.5.0

package.json

 {
   "name": "@maggioli-design-system/styles",
-  "version": "2.4.0",
+  "version": "2.5.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.",
   "main": "css/styles.min.css",
   "scripts": {
-    "build": "npm run clean && npm run config && npm run sass && npm run copy:sass",
-    "clean": "rm -rf dist || true && mkdir -p dist/css dist/scss",
+    "build": "npm run clean && npm run config && npm run sass && npm run copy:sass && npm run copy:tailwind",
+    "clean": "rm -rf dist || true && mkdir -p dist/css dist/scss dist/tailwind",
     "config": "cp ../../node_modules/@maggioli-design-system/design-tokens/dist/scss/config.scss ./scss",
     "copy:sass": "cp -r scss dist",
-    "sass:typography": "sass ./scss/export/typography.scss ./dist/css/typography.css --style=expanded --load-path=../../node_modules",
-    "sass:typography:min": "sass ./scss/export/typography.scss ./dist/css/typography.min.css --style=expanded --load-path=../../node_modules",
+    "copy:tailwind": "cp -r tailwind dist",
+    "sass": "npm run sass:styles && npm run sass:styles:min && npm run sass:base && npm run sass:base:min && npm run sass:typography && npm run sass:typography:min",
     "sass:base": "sass ./scss/export/base.scss ./dist/css/base.css --style=expanded --load-path=../../node_modules",
@@ -17,3 +17,4 @@ "sass:base:min": "sass ./scss/export/base.scss ./dist/css/base.min.css --style=expanded --load-path=../../node_modules",
     "sass:styles:min": "sass ./scss/export/styles.scss ./dist/css/styles.min.css --style=compressed --load-path=../../node_modules",
-    "sass": "npm run sass:styles && npm run sass:styles:min && npm run sass:base && npm run sass:base:min && npm run sass:typography && npm run sass:typography:min"
+    "sass:typography": "sass ./scss/export/typography.scss ./dist/css/typography.css --style=expanded --load-path=../../node_modules",
+    "sass:typography:min": "sass ./scss/export/typography.scss ./dist/css/typography.min.css --style=expanded --load-path=../../node_modules"
   },
@@ -45,3 +46,3 @@ "files": [
   "dependencies": {
-    "@maggioli-design-system/design-tokens": "^2.5.0",
+    "@maggioli-design-system/design-tokens": "^3.0.0",
     "normalize.css": "^8.0.1",
@@ -48,0 +49,0 @@ "typeface-karla": "1.1.13",

postcss.config.js

 module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
+  plugins: [
+    require('postcss-import'),
+    require('tailwindcss'),
+    require('autoprefixer'),
+  ]
 }

tailwind.config.js

 const palette = require('@maggioli-design-system/design-tokens').palette
 const mediaQueries = require('@maggioli-design-system/design-tokens/dist/js/media').media
+const fontFamily = require('@maggioli-design-system/design-tokens/dist/js/font-family').fontFamily
 
@@ -24,4 +25,10 @@ module.exports = {
     },
+    fontFamily: {
+      ...fontFamily,
+    },
     screens: mediaQueries,
     extend: {
+      fontSize: {
+        'xxs': '0.625rem',
+      },
       maxWidth: {
@@ -28,0 +35,0 @@ '1/4': '25%',

No alert changes

Improved metrics

Total package byte prevSize

1551088

increased by38.08%

Number of package files

44

increased by2.33%

Lines of code

26658

increased by40.27%

Dependency changes

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

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

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