@tailwindcss/typography - npm Package Compare versions

Comparing version 0.0.0-insiders.8d133ec to 0.0.0-insiders.8d686dc

CHANGELOG.md

@@ -12,2 +12,12 @@ # Changelog
 
+## [0.5.11] - 2024-03-26
+
+### Added
+
+- Add `prose-kbd` modifier ([#340](https://github.com/tailwindlabs/tailwindcss-typography/pull/340))
+
+### Fixed
+
+- Fix space between `<figcaption>` and `<video>` ([#339](https://github.com/tailwindlabs/tailwindcss-typography/pull/339))
+
 ## [0.5.10] - 2023-09-05
@@ -179,3 +189,4 @@
 
-[unreleased]: https://github.com/tailwindlabs/tailwindcss-typography/compare/v0.5.10...HEAD
+[unreleased]: https://github.com/tailwindlabs/tailwindcss-typography/compare/v0.5.11...HEAD
+[0.5.11]: https://github.com/tailwindlabs/tailwindcss-typography/compare/v0.5.10...v0.5.11
 [0.5.10]: https://github.com/tailwindlabs/tailwindcss-typography/compare/v0.5.9...v0.5.10
@@ -182,0 +193,0 @@ [0.5.9]: https://github.com/tailwindlabs/tailwindcss-typography/compare/v0.5.8...v0.5.9

package.json

 {
   "name": "@tailwindcss/typography",
-  "version": "0.0.0-insiders.8d133ec",
+  "version": "0.0.0-insiders.8d686dc",
   "description": "A Tailwind CSS plugin for automatically styling plain HTML content with beautiful typographic defaults.",
@@ -12,3 +12,3 @@ "main": "src/index.js",
   ],
-  "repository": "https://github.com/tailwindcss/typography",
+  "repository": "https://github.com/tailwindlabs/tailwindcss-typography",
   "license": "MIT",
@@ -29,3 +29,5 @@ "publishConfig": {
     "export": "next export demo",
-    "start": "next start demo"
+    "start": "next start demo",
+    "release-channel": "node ./scripts/release-channel.js",
+    "release-notes": "node ./scripts/release-notes.js"
   },
@@ -32,0 +34,0 @@ "peerDependencies": {

README.md

@@ -171,2 +171,3 @@ <p>
 | `prose-em:{utility}`         | `em`                         |
+| `prose-kbd:{utility}`        | `kbd`                        |
 | `prose-code:{utility}`       | `code`                       |
@@ -173,0 +174,0 @@ | `prose-pre:{utility}`        | `pre`                        |

src/index.js

@@ -93,2 +93,3 @@ const plugin = require('tailwindcss/plugin')
         ['em'],
+        ['kbd'],
         ['code'],
@@ -95,0 +96,0 @@ ['pre'],

src/index.test.js

@@ -698,2 +698,3 @@ const path = require('path')
             prose-em:italic
+            prose-kbd:border-b-2
             prose-code:font-mono
@@ -811,2 +812,6 @@ prose-pre:font-mono
         }
+        .prose-kbd\:border-b-2
+          :is(:where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
+          border-bottom-width: 2px;
+        }
         .prose-code\:font-mono
@@ -894,2 +899,3 @@ :is(:where(code):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
             markdown-em:italic
+            markdown-kbd:border-b-2
             markdown-code:font-mono
@@ -1009,2 +1015,6 @@ markdown-pre:font-mono
         }
+        .markdown-kbd\:border-b-2
+          :is(:where(kbd):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {
+          border-bottom-width: 2px;
+        }
         .markdown-code\:font-mono
@@ -1011,0 +1021,0 @@ :is(:where(code):not(:where([class~='not-markdown'], [class~='not-markdown'] *))) {

src/styles.js

@@ -38,3 +38,3 @@ const colors = require('tailwindcss/colors')
           marginBottom: em(24, 18),
-          paddingLeft: em(20, 18),
+          paddingInlineStart: em(20, 18),
         },
@@ -84,5 +84,5 @@ h1: {
           paddingTop: em(2, 14),
-          paddingRight: em(5, 14),
+          paddingInlineEnd: em(5, 14),
           paddingBottom: em(2, 14),
-          paddingLeft: em(5, 14),
+          paddingInlineStart: em(5, 14),
         },
@@ -105,5 +105,5 @@ code: {
           paddingTop: em(8, 12),
-          paddingRight: em(12, 12),
+          paddingInlineEnd: em(12, 12),
           paddingBottom: em(8, 12),
-          paddingLeft: em(12, 12),
+          paddingInlineStart: em(12, 12),
         },
@@ -113,3 +113,3 @@ ol: {
           marginBottom: em(16, 14),
-          paddingLeft: em(22, 14),
+          paddingInlineStart: em(22, 14),
         },
@@ -119,3 +119,3 @@ ul: {
           marginBottom: em(16, 14),
-          paddingLeft: em(22, 14),
+          paddingInlineStart: em(22, 14),
         },
@@ -127,6 +127,6 @@ li: {
         'ol > li': {
-          paddingLeft: em(6, 14),
+          paddingInlineStart: em(6, 14),
         },
         'ul > li': {
-          paddingLeft: em(6, 14),
+          paddingInlineStart: em(6, 14),
         },
@@ -162,3 +162,3 @@ '> ul > li p': {
           marginTop: em(4, 14),
-          paddingLeft: em(22, 14),
+          paddingInlineStart: em(22, 14),
         },
@@ -186,23 +186,23 @@ hr: {
         'thead th': {
-          paddingRight: em(12, 12),
+          paddingInlineEnd: em(12, 12),
           paddingBottom: em(8, 12),
-          paddingLeft: em(12, 12),
+          paddingInlineStart: em(12, 12),
         },
         'thead th:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'thead th:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
         'tbody td, tfoot td': {
           paddingTop: em(8, 12),
-          paddingRight: em(12, 12),
+          paddingInlineEnd: em(12, 12),
           paddingBottom: em(8, 12),
-          paddingLeft: em(12, 12),
+          paddingInlineStart: em(12, 12),
         },
         'tbody td:first-child, tfoot td:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'tbody td:last-child, tfoot td:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
@@ -251,3 +251,3 @@ figure: {
           marginBottom: em(32, 20),
-          paddingLeft: em(20, 20),
+          paddingInlineStart: em(20, 20),
         },
@@ -297,5 +297,5 @@ h1: {
           paddingTop: em(3, 16),
-          paddingRight: em(6, 16),
+          paddingInlineEnd: em(6, 16),
           paddingBottom: em(3, 16),
-          paddingLeft: em(6, 16),
+          paddingInlineStart: em(6, 16),
         },
@@ -318,5 +318,5 @@ code: {
           paddingTop: em(12, 14),
-          paddingRight: em(16, 14),
+          paddingInlineEnd: em(16, 14),
           paddingBottom: em(12, 14),
-          paddingLeft: em(16, 14),
+          paddingInlineStart: em(16, 14),
         },
@@ -326,3 +326,3 @@ ol: {
           marginBottom: em(20, 16),
-          paddingLeft: em(26, 16),
+          paddingInlineStart: em(26, 16),
         },
@@ -332,3 +332,3 @@ ul: {
           marginBottom: em(20, 16),
-          paddingLeft: em(26, 16),
+          paddingInlineStart: em(26, 16),
         },
@@ -340,6 +340,6 @@ li: {
         'ol > li': {
-          paddingLeft: em(6, 16),
+          paddingInlineStart: em(6, 16),
         },
         'ul > li': {
-          paddingLeft: em(6, 16),
+          paddingInlineStart: em(6, 16),
         },
@@ -375,3 +375,3 @@ '> ul > li p': {
           marginTop: em(8, 16),
-          paddingLeft: em(26, 16),
+          paddingInlineStart: em(26, 16),
         },
@@ -399,23 +399,23 @@ hr: {
         'thead th': {
-          paddingRight: em(8, 14),
+          paddingInlineEnd: em(8, 14),
           paddingBottom: em(8, 14),
-          paddingLeft: em(8, 14),
+          paddingInlineStart: em(8, 14),
         },
         'thead th:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'thead th:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
         'tbody td, tfoot td': {
           paddingTop: em(8, 14),
-          paddingRight: em(8, 14),
+          paddingInlineEnd: em(8, 14),
           paddingBottom: em(8, 14),
-          paddingLeft: em(8, 14),
+          paddingInlineStart: em(8, 14),
         },
         'tbody td:first-child, tfoot td:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'tbody td:last-child, tfoot td:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
@@ -464,3 +464,3 @@ figure: {
           marginBottom: em(40, 24),
-          paddingLeft: em(24, 24),
+          paddingInlineStart: em(24, 24),
         },
@@ -510,5 +510,5 @@ h1: {
           paddingTop: em(4, 18),
-          paddingRight: em(8, 18),
+          paddingInlineEnd: em(8, 18),
           paddingBottom: em(4, 18),
-          paddingLeft: em(8, 18),
+          paddingInlineStart: em(8, 18),
         },
@@ -531,5 +531,5 @@ code: {
           paddingTop: em(16, 16),
-          paddingRight: em(24, 16),
+          paddingInlineEnd: em(24, 16),
           paddingBottom: em(16, 16),
-          paddingLeft: em(24, 16),
+          paddingInlineStart: em(24, 16),
         },
@@ -539,3 +539,3 @@ ol: {
           marginBottom: em(24, 18),
-          paddingLeft: em(28, 18),
+          paddingInlineStart: em(28, 18),
         },
@@ -545,3 +545,3 @@ ul: {
           marginBottom: em(24, 18),
-          paddingLeft: em(28, 18),
+          paddingInlineStart: em(28, 18),
         },
@@ -553,6 +553,6 @@ li: {
         'ol > li': {
-          paddingLeft: em(8, 18),
+          paddingInlineStart: em(8, 18),
         },
         'ul > li': {
-          paddingLeft: em(8, 18),
+          paddingInlineStart: em(8, 18),
         },
@@ -588,3 +588,3 @@ '> ul > li p': {
           marginTop: em(12, 18),
-          paddingLeft: em(28, 18),
+          paddingInlineStart: em(28, 18),
         },
@@ -612,23 +612,23 @@ hr: {
         'thead th': {
-          paddingRight: em(12, 16),
+          paddingInlineEnd: em(12, 16),
           paddingBottom: em(12, 16),
-          paddingLeft: em(12, 16),
+          paddingInlineStart: em(12, 16),
         },
         'thead th:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'thead th:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
         'tbody td, tfoot td': {
           paddingTop: em(12, 16),
-          paddingRight: em(12, 16),
+          paddingInlineEnd: em(12, 16),
           paddingBottom: em(12, 16),
-          paddingLeft: em(12, 16),
+          paddingInlineStart: em(12, 16),
         },
         'tbody td:first-child, tfoot td:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'tbody td:last-child, tfoot td:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
@@ -677,3 +677,3 @@ figure: {
           marginBottom: em(48, 30),
-          paddingLeft: em(32, 30),
+          paddingInlineStart: em(32, 30),
         },
@@ -723,5 +723,5 @@ h1: {
           paddingTop: em(5, 20),
-          paddingRight: em(8, 20),
+          paddingInlineEnd: em(8, 20),
           paddingBottom: em(5, 20),
-          paddingLeft: em(8, 20),
+          paddingInlineStart: em(8, 20),
         },
@@ -744,5 +744,5 @@ code: {
           paddingTop: em(20, 18),
-          paddingRight: em(24, 18),
+          paddingInlineEnd: em(24, 18),
           paddingBottom: em(20, 18),
-          paddingLeft: em(24, 18),
+          paddingInlineStart: em(24, 18),
         },
@@ -752,3 +752,3 @@ ol: {
           marginBottom: em(24, 20),
-          paddingLeft: em(32, 20),
+          paddingInlineStart: em(32, 20),
         },
@@ -758,3 +758,3 @@ ul: {
           marginBottom: em(24, 20),
-          paddingLeft: em(32, 20),
+          paddingInlineStart: em(32, 20),
         },
@@ -766,6 +766,6 @@ li: {
         'ol > li': {
-          paddingLeft: em(8, 20),
+          paddingInlineStart: em(8, 20),
         },
         'ul > li': {
-          paddingLeft: em(8, 20),
+          paddingInlineStart: em(8, 20),
         },
@@ -801,3 +801,3 @@ '> ul > li p': {
           marginTop: em(12, 20),
-          paddingLeft: em(32, 20),
+          paddingInlineStart: em(32, 20),
         },
@@ -825,23 +825,23 @@ hr: {
         'thead th': {
-          paddingRight: em(12, 18),
+          paddingInlineEnd: em(12, 18),
           paddingBottom: em(16, 18),
-          paddingLeft: em(12, 18),
+          paddingInlineStart: em(12, 18),
         },
         'thead th:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'thead th:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
         'tbody td, tfoot td': {
           paddingTop: em(16, 18),
-          paddingRight: em(12, 18),
+          paddingInlineEnd: em(12, 18),
           paddingBottom: em(16, 18),
-          paddingLeft: em(12, 18),
+          paddingInlineStart: em(12, 18),
         },
         'tbody td:first-child, tfoot td:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'tbody td:last-child, tfoot td:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
@@ -890,3 +890,3 @@ figure: {
           marginBottom: em(64, 36),
-          paddingLeft: em(40, 36),
+          paddingInlineStart: em(40, 36),
         },
@@ -936,5 +936,5 @@ h1: {
           paddingTop: em(6, 24),
-          paddingRight: em(8, 24),
+          paddingInlineEnd: em(8, 24),
           paddingBottom: em(6, 24),
-          paddingLeft: em(8, 24),
+          paddingInlineStart: em(8, 24),
         },
@@ -957,5 +957,5 @@ code: {
           paddingTop: em(24, 20),
-          paddingRight: em(32, 20),
+          paddingInlineEnd: em(32, 20),
           paddingBottom: em(24, 20),
-          paddingLeft: em(32, 20),
+          paddingInlineStart: em(32, 20),
         },
@@ -965,3 +965,3 @@ ol: {
           marginBottom: em(32, 24),
-          paddingLeft: em(38, 24),
+          paddingInlineStart: em(38, 24),
         },
@@ -971,3 +971,3 @@ ul: {
           marginBottom: em(32, 24),
-          paddingLeft: em(38, 24),
+          paddingInlineStart: em(38, 24),
         },
@@ -979,6 +979,6 @@ li: {
         'ol > li': {
-          paddingLeft: em(10, 24),
+          paddingInlineStart: em(10, 24),
         },
         'ul > li': {
-          paddingLeft: em(10, 24),
+          paddingInlineStart: em(10, 24),
         },
@@ -1014,3 +1014,3 @@ '> ul > li p': {
           marginTop: em(12, 24),
-          paddingLeft: em(38, 24),
+          paddingInlineStart: em(38, 24),
         },
@@ -1038,23 +1038,23 @@ hr: {
         'thead th': {
-          paddingRight: em(12, 20),
+          paddingInlineEnd: em(12, 20),
           paddingBottom: em(16, 20),
-          paddingLeft: em(12, 20),
+          paddingInlineStart: em(12, 20),
         },
         'thead th:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'thead th:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
         'tbody td, tfoot td': {
           paddingTop: em(16, 20),
-          paddingRight: em(12, 20),
+          paddingInlineEnd: em(12, 20),
           paddingBottom: em(16, 20),
-          paddingLeft: em(12, 20),
+          paddingInlineStart: em(12, 20),
         },
         'tbody td:first-child, tfoot td:first-child': {
-          paddingLeft: '0',
+          paddingInlineStart: '0',
         },
         'tbody td:last-child, tfoot td:last-child': {
-          paddingRight: '0',
+          paddingInlineEnd: '0',
         },
@@ -1519,4 +1519,4 @@ figure: {
           color: 'var(--tw-prose-quotes)',
-          borderLeftWidth: '0.25rem',
-          borderLeftColor: 'var(--tw-prose-quote-borders)',
+          borderInlineStartWidth: '0.25rem',
+          borderInlineStartColor: 'var(--tw-prose-quote-borders)',
           quotes: '"\\201C""\\201D""\\2018""\\2019"',
@@ -1566,2 +1566,3 @@ },
         },
+        video: {}, // Required to maintain correct order when merging
         kbd: {
@@ -1568,0 +1569,0 @@ fontWeight: '500',

New alerts

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Fixed alerts

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

118992

increased by1.37%

Lines of code

3156

increased by0.38%

Number of lines in readme file

399

increased by0.25%

No dependency changes