@tailwindcss/typography - npm Package Compare versions

Comparing version 0.0.0-insiders.e1d4dc7 to 0.0.0-insiders.e21d9e6

CHANGELOG.md

@@ -12,2 +12,24 @@ # Changelog
 
+## [0.5.13] - 2024-04-26
+
+### Fixed
+
+- Don't apply margins to `<br>` elements contained in an `<li>` in FF ([#350](https://github.com/tailwindlabs/tailwindcss-typography/pull/350))
+
+## [0.5.12] - 2024-03-27
+
+### Added
+
+- Use logical properties for better RTL support ([#323](https://github.com/tailwindlabs/tailwindcss-typography/pull/323))
+
+## [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 +201,6 @@
 
-[unreleased]: https://github.com/tailwindlabs/tailwindcss-typography/compare/v0.5.10...HEAD
+[unreleased]: https://github.com/tailwindlabs/tailwindcss-typography/compare/v0.5.13...HEAD
+[0.5.13]: https://github.com/tailwindlabs/tailwindcss-typography/compare/v0.5.12...v0.5.13
+[0.5.12]: https://github.com/tailwindlabs/tailwindcss-typography/compare/v0.5.11...v0.5.12
+[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 +207,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.e1d4dc7",
+  "version": "0.0.0-insiders.e21d9e6",
   "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),
         },
@@ -137,12 +137,12 @@ '> ul > li p': {
         },
-        '> ul > li > *:first-child': {
+        '> ul > li > p:first-child': {
           marginTop: em(16, 14),
         },
-        '> ul > li > *:last-child': {
+        '> ul > li > p:last-child': {
           marginBottom: em(16, 14),
         },
-        '> ol > li > *:first-child': {
+        '> ol > li > p:first-child': {
           marginTop: em(16, 14),
         },
-        '> ol > li > *:last-child': {
+        '> ol > li > p:last-child': {
           marginBottom: em(16, 14),
@@ -163,3 +163,3 @@ },
           marginTop: em(4, 14),
-          paddingLeft: em(22, 14),
+          paddingInlineStart: em(22, 14),
         },
@@ -187,23 +187,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',
         },
@@ -252,3 +252,3 @@ figure: {
           marginBottom: em(32, 20),
-          paddingLeft: em(20, 20),
+          paddingInlineStart: em(20, 20),
         },
@@ -298,5 +298,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),
         },
@@ -319,5 +319,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),
         },
@@ -327,3 +327,3 @@ ol: {
           marginBottom: em(20, 16),
-          paddingLeft: em(26, 16),
+          paddingInlineStart: em(26, 16),
         },
@@ -333,3 +333,3 @@ ul: {
           marginBottom: em(20, 16),
-          paddingLeft: em(26, 16),
+          paddingInlineStart: em(26, 16),
         },
@@ -341,6 +341,6 @@ li: {
         'ol > li': {
-          paddingLeft: em(6, 16),
+          paddingInlineStart: em(6, 16),
         },
         'ul > li': {
-          paddingLeft: em(6, 16),
+          paddingInlineStart: em(6, 16),
         },
@@ -351,12 +351,12 @@ '> ul > li p': {
         },
-        '> ul > li > *:first-child': {
+        '> ul > li > p:first-child': {
           marginTop: em(20, 16),
         },
-        '> ul > li > *:last-child': {
+        '> ul > li > p:last-child': {
           marginBottom: em(20, 16),
         },
-        '> ol > li > *:first-child': {
+        '> ol > li > p:first-child': {
           marginTop: em(20, 16),
         },
-        '> ol > li > *:last-child': {
+        '> ol > li > p:last-child': {
           marginBottom: em(20, 16),
@@ -377,3 +377,3 @@ },
           marginTop: em(8, 16),
-          paddingLeft: em(26, 16),
+          paddingInlineStart: em(26, 16),
         },
@@ -401,23 +401,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',
         },
@@ -466,3 +466,3 @@ figure: {
           marginBottom: em(40, 24),
-          paddingLeft: em(24, 24),
+          paddingInlineStart: em(24, 24),
         },
@@ -512,5 +512,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),
         },
@@ -533,5 +533,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),
         },
@@ -541,3 +541,3 @@ ol: {
           marginBottom: em(24, 18),
-          paddingLeft: em(28, 18),
+          paddingInlineStart: em(28, 18),
         },
@@ -547,3 +547,3 @@ ul: {
           marginBottom: em(24, 18),
-          paddingLeft: em(28, 18),
+          paddingInlineStart: em(28, 18),
         },
@@ -555,6 +555,6 @@ li: {
         'ol > li': {
-          paddingLeft: em(8, 18),
+          paddingInlineStart: em(8, 18),
         },
         'ul > li': {
-          paddingLeft: em(8, 18),
+          paddingInlineStart: em(8, 18),
         },
@@ -565,12 +565,12 @@ '> ul > li p': {
         },
-        '> ul > li > *:first-child': {
+        '> ul > li > p:first-child': {
           marginTop: em(24, 18),
         },
-        '> ul > li > *:last-child': {
+        '> ul > li > p:last-child': {
           marginBottom: em(24, 18),
         },
-        '> ol > li > *:first-child': {
+        '> ol > li > p:first-child': {
           marginTop: em(24, 18),
         },
-        '> ol > li > *:last-child': {
+        '> ol > li > p:last-child': {
           marginBottom: em(24, 18),
@@ -591,3 +591,3 @@ },
           marginTop: em(12, 18),
-          paddingLeft: em(28, 18),
+          paddingInlineStart: em(28, 18),
         },
@@ -615,23 +615,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',
         },
@@ -680,3 +680,3 @@ figure: {
           marginBottom: em(48, 30),
-          paddingLeft: em(32, 30),
+          paddingInlineStart: em(32, 30),
         },
@@ -726,5 +726,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),
         },
@@ -747,5 +747,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),
         },
@@ -755,3 +755,3 @@ ol: {
           marginBottom: em(24, 20),
-          paddingLeft: em(32, 20),
+          paddingInlineStart: em(32, 20),
         },
@@ -761,3 +761,3 @@ ul: {
           marginBottom: em(24, 20),
-          paddingLeft: em(32, 20),
+          paddingInlineStart: em(32, 20),
         },
@@ -769,6 +769,6 @@ li: {
         'ol > li': {
-          paddingLeft: em(8, 20),
+          paddingInlineStart: em(8, 20),
         },
         'ul > li': {
-          paddingLeft: em(8, 20),
+          paddingInlineStart: em(8, 20),
         },
@@ -779,12 +779,12 @@ '> ul > li p': {
         },
-        '> ul > li > *:first-child': {
+        '> ul > li > p:first-child': {
           marginTop: em(24, 20),
         },
-        '> ul > li > *:last-child': {
+        '> ul > li > p:last-child': {
           marginBottom: em(24, 20),
         },
-        '> ol > li > *:first-child': {
+        '> ol > li > p:first-child': {
           marginTop: em(24, 20),
         },
-        '> ol > li > *:last-child': {
+        '> ol > li > p:last-child': {
           marginBottom: em(24, 20),
@@ -805,3 +805,3 @@ },
           marginTop: em(12, 20),
-          paddingLeft: em(32, 20),
+          paddingInlineStart: em(32, 20),
         },
@@ -829,23 +829,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',
         },
@@ -894,3 +894,3 @@ figure: {
           marginBottom: em(64, 36),
-          paddingLeft: em(40, 36),
+          paddingInlineStart: em(40, 36),
         },
@@ -940,5 +940,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),
         },
@@ -961,5 +961,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),
         },
@@ -969,3 +969,3 @@ ol: {
           marginBottom: em(32, 24),
-          paddingLeft: em(38, 24),
+          paddingInlineStart: em(38, 24),
         },
@@ -975,3 +975,3 @@ ul: {
           marginBottom: em(32, 24),
-          paddingLeft: em(38, 24),
+          paddingInlineStart: em(38, 24),
         },
@@ -983,6 +983,6 @@ li: {
         'ol > li': {
-          paddingLeft: em(10, 24),
+          paddingInlineStart: em(10, 24),
         },
         'ul > li': {
-          paddingLeft: em(10, 24),
+          paddingInlineStart: em(10, 24),
         },
@@ -993,12 +993,12 @@ '> ul > li p': {
         },
-        '> ul > li > *:first-child': {
+        '> ul > li > p:first-child': {
           marginTop: em(32, 24),
         },
-        '> ul > li > *:last-child': {
+        '> ul > li > p:last-child': {
           marginBottom: em(32, 24),
         },
-        '> ol > li > *:first-child': {
+        '> ol > li > p:first-child': {
           marginTop: em(32, 24),
         },
-        '> ol > li > *:last-child': {
+        '> ol > li > p:last-child': {
           marginBottom: em(32, 24),
@@ -1019,3 +1019,3 @@ },
           marginTop: em(12, 24),
-          paddingLeft: em(38, 24),
+          paddingInlineStart: em(38, 24),
         },
@@ -1043,23 +1043,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',
         },
@@ -1524,4 +1524,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"',
@@ -1571,2 +1571,3 @@ },
         },
+        video: {}, // Required to maintain correct order when merging
         kbd: {
@@ -1636,3 +1637,3 @@ fontWeight: '500',
           tableLayout: 'auto',
-          textAlign: 'left',
+          textAlign: 'start',
           marginTop: em(32, 16),
@@ -1639,0 +1640,0 @@ marginBottom: em(32, 16),

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

119517

increased by1.81%

Lines of code

3156

increased by0.38%

Number of lines in readme file

399

increased by0.25%

No dependency changes