@tailwindcss/typography - npm Package Compare versions

Comparing version 0.0.0-insiders.19f79cb to 0.0.0-insiders.24f3595

CHANGELOG.md

@@ -10,4 +10,12 @@ # Changelog
 
-- Nothing yet!
+### Added
 
+- Remove `dist` folder and related dependencies ([#226](https://github.com/tailwindlabs/tailwindcss-typography/pull/226))
+
+### Fixed
+
+- Don't generate invalid CSS when given an array of property values ([#224](https://github.com/tailwindlabs/tailwindcss-typography/pull/224))
+
+## [0.5.0] - 2021-12-09
+
 ## [0.5.0-alpha.3] - 2021-11-08
@@ -100,3 +108,4 @@
 
-[unreleased]: https://github.com/tailwindlabs/tailwindcss-typography/compare/v0.5.0-alpha.3...HEAD
+[unreleased]: https://github.com/tailwindlabs/tailwindcss-typography/compare/v0.5.0...HEAD
+[0.5.0]: https://github.com/tailwindlabs/tailwindcss-typography/compare/v0.5.0-alpha.3...v0.5.0
 [0.5.0-alpha.3]: https://github.com/tailwindlabs/tailwindcss-typography/compare/v0.5.0-alpha.2...v0.5.0-alpha.3
@@ -103,0 +112,0 @@ [0.5.0-alpha.2]: https://github.com/tailwindlabs/tailwindcss-typography/compare/v0.5.0-alpha.1...v0.5.0-alpha.2

package.json

 {
   "name": "@tailwindcss/typography",
-  "version": "0.0.0-insiders.19f79cb",
+  "version": "0.0.0-insiders.24f3595",
   "description": "A Tailwind CSS plugin for automatically styling plain HTML content with beautiful typographic defaults.",
@@ -36,5 +36,2 @@ "main": "src/index.js",
     "autoprefixer": "^10.2.1",
-    "clean-css": "^4.2.1",
-    "cssnano": "^4.1.10",
-    "dedent": "^0.7.0",
     "highlight.js": "^10.4.1",
@@ -48,3 +45,2 @@ "jest": "^26.6.1",
     "react-dom": "^17.0.2",
-    "snapshot-diff": "^0.8.1",
     "tailwindcss": "^3.0.0-alpha.2"
@@ -55,4 +51,3 @@ },
     "lodash.isplainobject": "^4.0.6",
-    "lodash.merge": "^4.6.2",
-    "lodash.uniq": "^4.5.0"
+    "lodash.merge": "^4.6.2"
   },
@@ -59,0 +54,0 @@ "jest": {

src/index.js

@@ -52,2 +52,6 @@ const plugin = require('tailwindcss/plugin')
 
+    if (Array.isArray(v)) {
+      return [k, v]
+    }
+
     if (isObject(v)) {
@@ -54,0 +58,0 @@ let nested = Object.values(v).some(isObject)

src/index.test.js

@@ -806,1 +806,29 @@ const path = require('path')
 })
+
+test('customizing defaults with multiple values does not result in invalid css', async () => {
+  let config = {
+    plugins: [typographyPlugin()],
+    content: [
+      {
+        raw: html`<div class="prose"></div>`,
+      },
+    ],
+    theme: {
+      typography: {
+        DEFAULT: {
+          css: {
+            textAlign: ['-webkit-match-parent', 'match-parent'],
+          },
+        },
+      },
+    },
+  }
+  return run(config).then((result) => {
+    // TODO: Fix this test. It should list both properties but there's a bug in tailwind that's overriding them.
+    expect(result.css).toMatchFormattedCss(css`
+      .prose {
+        text-align: match-parent;
+      }
+    `)
+  })
+})

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

85805

increased by1.13%

Dependency count

4

decreased by-20%

Dev dependency count

13

decreased by-23.53%

Lines of code

2348

increased by1.29%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Number of package files

8

decreased by-20%

Dependency changes

• + Addedtailwindcss@4.0.2(transitive)

• - Removedlodash.uniq@^4.5.0

• - Removedlodash.uniq@4.5.0(transitive)

• - Removedtailwindcss@4.0.1(transitive)