tailwind-bootstrap-grid - npm Package Compare versions

Comparing version 5.0.1 to 5.1.0

lib/index.js

@@ -0,3 +1,3 @@
+const pc = require('picocolors');
 const plugin = require('tailwindcss/plugin');
-const pc = require('picocolors');
 
@@ -47,8 +47,8 @@ const validate = require('./validate');
       `⚠️  The ${pc.yellow(
-        'container'
+        'container',
       )} core plugin is enabled and you're also generating ${pc.green(
-        '.container'
+        '.container',
       )} class with the ${pc.bold(
-        'tailwind-bootstrap-grid'
-      )} plugin. This might lead to unexpected styling issues, disable either of one.`
+        'tailwind-bootstrap-grid',
+      )} plugin. This might lead to unexpected styling issues, disable either of one.`,
     );
@@ -62,3 +62,5 @@ }
   const setImportant = (value) =>
-    respectImportant && important && value != null ? `${value} !important` : value;
+    respectImportant && important && value != null
+      ? `${value} !important`
+      : value;
 
@@ -77,4 +79,8 @@ {
               marginLeft: setImportant('auto'),
-              paddingRight: setImportant(`var(--bs-gutter-x, calc(${gridGutterWidth} / 2))`),
-              paddingLeft: setImportant(`var(--bs-gutter-x, calc(${gridGutterWidth} / 2))`),
+              paddingRight: setImportant(
+                `var(--bs-gutter-x, calc(${gridGutterWidth} / 2))`,
+              ),
+              paddingLeft: setImportant(
+                `var(--bs-gutter-x, calc(${gridGutterWidth} / 2))`,
+              ),
             },
@@ -85,3 +91,5 @@ },
               '.container': {
-                maxWidth: setImportant(containerMaxWidths[name] || screens[name]),
+                maxWidth: setImportant(
+                  containerMaxWidths[name] || screens[name],
+                ),
               },
@@ -91,3 +99,3 @@ },
         ],
-        { respectImportant }
+        { respectImportant },
       );
@@ -122,3 +130,3 @@ }
       },
-      { respectImportant }
+      { respectImportant },
     );
@@ -165,3 +173,3 @@ }
       ],
-      { respectImportant }
+      { respectImportant },
     );
@@ -188,3 +196,3 @@ }
       ],
-      { respectImportant }
+      { respectImportant },
     );
@@ -207,3 +215,3 @@ }
         })),
-        { respectImportant }
+        { respectImportant },
       );
@@ -227,5 +235,5 @@ }
       ],
-      { respectImportant }
+      { respectImportant },
     );
   }
 });

lib/validate.js

@@ -7,3 +7,6 @@ const Joi = require('joi');
     const makeScreenSubUnit = (schema) =>
-      Object.keys(screens).reduce((obj, screen) => ({ [screen]: schema, ...obj }), {});
+      Object.keys(screens).reduce(
+        (obj, screen) => ({ [screen]: schema, ...obj }),
+        {},
+      );
 
@@ -15,3 +18,5 @@ const { error } = Joi.object({
       generateContainer: Joi.boolean(),
-      containerMaxWidths: Joi.object(makeScreenSubUnit(Joi.string())).required(),
+      containerMaxWidths: Joi.object(
+        makeScreenSubUnit(Joi.string()),
+      ).required(),
       rtl: Joi.boolean(),
@@ -27,4 +32,4 @@ respectImportant: Joi.boolean(),
           null,
-          2
-        )}\nare invalid: ${error} `
+          2,
+        )}\nare invalid: ${error} `,
       );
@@ -31,0 +36,0 @@ }

package.json

 {
   "name": "tailwind-bootstrap-grid",
-  "version": "5.0.1",
+  "version": "5.1.0",
   "description": "Tailwind CSS plugin to generate Bootstrap flexbox grid system.",
@@ -18,4 +18,6 @@ "keywords": [
   "main": "lib/index.js",
+  "types": "types/index.d.ts",
   "files": [
-    "lib"
+    "lib",
+    "types"
   ],
@@ -30,3 +32,4 @@ "scripts": {
     "build:sample:tw-default": "cd samples/tw-default && NODE_ENV=production tailwindcss -i input.css -o output.css",
-    "clean": "rimraf build && rimraf -g samples/*/output.css",
+    "clean": "rm -rf build && rm -rf samples/*/output.css",
+    "commit": "cz",
     "format": "run-p format:*",
@@ -39,3 +42,3 @@ "format:js": "prettier --write '**/*.*'",
     "qa": "run-p test lint",
-    "release": "yarn && run-s clean build qa && standard-version --no-verify && git push --follow-tags --no-verify && npm publish",
+    "release": "npm i && run-s clean build qa && standard-version --no-verify && git push --follow-tags --no-verify && npm publish",
     "dev": "webpack serve --mode development --config demo/webpack.config.js",
@@ -56,28 +59,30 @@ "tdd": "npm test -- --watch",
   "devDependencies": {
-    "@babel/core": "^7.14.3",
-    "@babel/preset-env": "^7.14.2",
-    "@babel/preset-react": "^7.13.13",
-    "@commitlint/cli": "^16.2.1",
-    "@commitlint/config-conventional": "^16.2.1",
-    "@k.sh/eslint-config": "^3.0.1",
-    "@k.sh/prettier-config": "^0.3.1",
+    "@babel/core": "^7.20.7",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@commitlint/cli": "^17.3.0",
+    "@commitlint/config-conventional": "^17.3.0",
+    "@k.sh/eslint-plugin": "^0.6.0",
+    "@k.sh/prettier-config": "^0.4.1",
     "@mdx-js/loader": "^1.6.22",
     "@mdx-js/react": "^1.6.22",
-    "autoprefixer": "^10.2.5",
-    "babel-loader": "^8.2.2",
+    "autoprefixer": "^10.4.13",
+    "babel-loader": "^9.1.0",
+    "commitizen": "^4.3.0",
     "cross-env": "^7.0.3",
-    "css-loader": "^5.2.4",
+    "css-loader": "^6.7.3",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint-plugin-jsdoc": "^37.9.4",
-    "eslint-plugin-node": "^11.1.0",
-    "html-webpack-plugin": "^5.3.1",
+    "eslint": "^8.30.0",
+    "eslint-plugin-jsdoc": "^46.9.0",
+    "html-webpack-plugin": "^5.5.0",
     "husky": "^7.0.4",
     "jest": "^27.5.1",
     "lint-staged": "^12.3.4",
-    "markdownlint-cli2": "^0.4.0",
-    "mini-css-extract-plugin": "^1.6.0",
+    "markdownlint-cli2": "^0.5.1",
+    "mini-css-extract-plugin": "^2.7.2",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.2.15",
-    "postcss-loader": "^5.3.0",
-    "prettier": "^2.5.1",
+    "postcss": "^8.4.20",
+    "postcss-loader": "^7.0.2",
+    "prettier": "^2.8.1",
+    "prettier-plugin-sh": "^0.12.8",
     "pretty-quick": "^3.1.3",
@@ -87,13 +92,12 @@ "prop-types": "^15.7.2",
     "react-dom": "^17.0.2",
-    "react-helmet": "^6.1.0",
+    "react-helmet-async": "^2.0.1",
     "react-hot-loader": "^4.13.0",
     "react-live": "^2.2.3",
-    "rimraf": "^3.0.0",
     "serve": "^11.3.2",
-    "sort-package-json": "^1.54.0",
+    "sort-package-json": "^2.1.0",
     "standard-version": "^9.3.2",
-    "tailwindcss": "^3.0.23",
-    "webpack": "^5.37.0",
-    "webpack-cli": "^4.7.0",
-    "webpack-dev-server": "^3.11.2"
+    "tailwindcss": "^3.3.5",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1",
+    "webpack-dev-server": "^4.11.1"
   },
@@ -107,5 +111,4 @@ "peerDependencies": {
   "volta": {
-    "node": "16.14.0",
-    "yarn": "1.22.10"
+    "node": "20.9.0"
   }
 }

README.md

@@ -23,3 +23,8 @@ # tailwind-bootstrap-grid
     require('tailwind-bootstrap-grid')({
-      containerMaxWidths: { sm: '540px', md: '720px', lg: '960px', xl: '1140px' },
+      containerMaxWidths: {
+        sm: '540px',
+        md: '720px',
+        lg: '960px',
+        xl: '1140px',
+      },
     }),
@@ -26,0 +31,0 @@ ],

No alert changes

Improved metrics

Total package byte prevSize

16165

5.97%

Number of package files

6

20%

Lines of code

270

13.92%

Number of lines in readme file

94

5.62%

Worsened metrics

Dev dependency count

42

2.44%

No dependency changes