tailwindcss-rtl - npm Package Compare versions

Comparing version 0.8.0 to 0.9.0

package.json

 {
   "name": "tailwindcss-rtl",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "main": "src/index.js",
@@ -5,0 +5,0 @@ "repository": "https://github.com/20lives/tailwindcss-rtl",

README.md

@@ -42,4 +42,5 @@ <h1 align="center">
 
-Adding `dir="ltr"` is optional, because unless specified otherwise, LTR is assumed to be the default.
 
+**Note:** _for all utilities to work as expected adding the **dir** attribute (both "rtl"/"ltr") to a top level tag is mandatory), even when "ltr" is assumed to be default._
+
 ## Installation
@@ -46,0 +47,0 @@

src/borderRadiusUtilities.js

@@ -6,7 +6,7 @@ const nameClass = require('./util/nameClass');
     ([modifier, value]) => ({
-      [':not([dir="rtl"]) ' + nameClass('rounded-e', modifier)]: {
+      ['[dir="ltr"] ' + nameClass('rounded-e', modifier)]: {
         borderTopRightRadius: value,
         borderBottomRightRadius: value,
       },
-      [':not([dir="rtl"]) ' + nameClass('rounded-s', modifier)]: {
+      ['[dir="ltr"] ' + nameClass('rounded-s', modifier)]: {
         borderTopLeftRadius: value,
@@ -25,6 +25,6 @@ borderBottomLeftRadius: value,
     ([modifier, value]) => ({
-      [':not([dir="rtl"]) ' + nameClass('rounded-ts', modifier)]: { borderTopLeftRadius: value },
-      [':not([dir="rtl"]) ' + nameClass('rounded-te', modifier)]: { borderTopRightRadius: value },
-      [':not([dir="rtl"]) ' + nameClass('rounded-be', modifier)]: { borderBottomRightRadius: value },
-      [':not([dir="rtl"]) ' + nameClass('rounded-bs', modifier)]: { borderBottomLeftRadius: value },
+      ['[dir="ltr"] ' + nameClass('rounded-ts', modifier)]: { borderTopLeftRadius: value },
+      ['[dir="ltr"] ' + nameClass('rounded-te', modifier)]: { borderTopRightRadius: value },
+      ['[dir="ltr"] ' + nameClass('rounded-be', modifier)]: { borderBottomRightRadius: value },
+      ['[dir="ltr"] ' + nameClass('rounded-bs', modifier)]: { borderBottomLeftRadius: value },
       ['[dir="rtl"] ' + nameClass('rounded-te', modifier)]: { borderTopLeftRadius: value },
@@ -31,0 +31,0 @@ ['[dir="rtl"] ' + nameClass('rounded-ts', modifier)]: { borderTopRightRadius: value },

src/clearUtilities.js

 const utilities = () => ({
-  ':not([dir="rtl"]) .clear-start': { clear: 'left' },
-  ':not([dir="rtl"]) .clear-end': { clear: 'right' },
+  '[dir="ltr"] .clear-start': { clear: 'left' },
+  '[dir="ltr"] .clear-end': { clear: 'right' },
   '[dir="rtl"] .clear-start': { clear: 'right' },
@@ -5,0 +5,0 @@ '[dir="rtl"] .clear-end': { clear: 'left' },

src/floatUtilities.js

 const utilities = () => ({
   '[dir="rtl"] .float-start': { float: 'right' },
   '[dir="rtl"] .float-end': { float: 'left' },
-  ':not([dir="rtl"]) .float-end': { float: 'right' },
-  ':not([dir="rtl"]) .float-start': { float: 'left' },
+  '[dir="ltr"] .float-end': { float: 'right' },
+  '[dir="ltr"] .float-start': { float: 'left' },
 });
 
 module.exports = utilities;

src/insetUtilities.js

@@ -12,6 +12,6 @@ const nameClass = require('./util/nameClass.js');
       },
-      [':not([dir="rtl"]) ' + nameClass('end', modifier)]: {
+      ['[dir="ltr"] ' + nameClass('end', modifier)]: {
         right: size,
       },
-      [':not([dir="rtl"]) ' + nameClass('start', modifier)]: {
+      ['[dir="ltr"] ' + nameClass('start', modifier)]: {
         left: size,
@@ -18,0 +18,0 @@ },

src/textAlignUtilities.js

 const utilities = () => ({
   '[dir="rtl"] .text-start': { 'text-align': 'right' },
   '[dir="rtl"] .text-end': { 'text-align': 'left' },
-  ':not([dir="rtl"]) .text-end': { 'text-align': 'right' },
-  ':not([dir="rtl"]) .text-start': { 'text-align': 'left' },
+  '[dir="ltr"] .text-end': { 'text-align': 'right' },
+  '[dir="ltr"] .text-start': { 'text-align': 'left' },
 });
 
 module.exports = utilities;

src/transformOriginUtilities.js

 const utilities = () => ({
-  ':not([dir="rtl"]) .origin-top-start': { 'transform-origin': 'top left' },
-  ':not([dir="rtl"]) .origin-top-end': { 'transform-origin': 'top right' },
-  ':not([dir="rtl"]) .origin-bottom-start': { 'transform-origin': 'bottom left' },
-  ':not([dir="rtl"]) .origin-bottom-end': { 'transform-origin': 'bottom right' },
-  ':not([dir="rtl"]) .origin-start': { 'transform-origin': 'left' },
-  ':not([dir="rtl"]) .origin-end': { 'transform-origin': 'right' },
+  '[dir="ltr"] .origin-top-start': { 'transform-origin': 'top left' },
+  '[dir="ltr"] .origin-top-end': { 'transform-origin': 'top right' },
+  '[dir="ltr"] .origin-bottom-start': { 'transform-origin': 'bottom left' },
+  '[dir="ltr"] .origin-bottom-end': { 'transform-origin': 'bottom right' },
+  '[dir="ltr"] .origin-start': { 'transform-origin': 'left' },
+  '[dir="ltr"] .origin-end': { 'transform-origin': 'right' },
   '[dir="rtl"] .origin-top-start': { 'transform-origin': 'top right' },
@@ -9,0 +9,0 @@ '[dir="rtl"] .origin-top-end': { 'transform-origin': 'top left' },

No alert changes

Improved metrics

Number of lines in readme file

97

increased by1.04%

Worsened metrics

Total package byte prevSize

14492

decreased by-0.32%

No dependency changes