In the override method change the unset value to override properties by the intial value of them

Author: elchininet

CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [1.6.3 - 1.6.4] - 2021-02-19
+
+- In the override method change the `unset` value to override properties by the intial value of them to support the override method in Internet Explorer
+
+## [1.6.2] - 2020-12-16
+
+- Updated packages to the latest versions and solved vulnerabilities
+- Some minor changes in the README file
+
 ## [1.6.1] - 2020-08-18
 
 - Updated multiple packages

README.md

@@ -164,7 +164,7 @@ This is the alternative method, it will generate less code because it lets the m
 
 [dir="rtl"] .test1, [dir="rtl"] .test2 {
     border-radius: 2px 0 8px 0;
-    padding-right: unset;
+    padding-right: 0;
     padding-left: 20px;
     text-align: right;
     transform: translate(50%, 50%);
@@ -241,7 +241,7 @@ However, using the override method the generated code will be the next one:
 }
 
 [dir="rtl"] .test2 {
-    padding-right: unset;
+    padding-right: 0;
     padding-left: 10px;
 }
 ```
@@ -622,7 +622,7 @@ const options = {
 }
 
 [dir="ltr"] .test1, [dir="ltr"] .test2 {
-    left: unset;
+    left: auto;
     right: 10px;
 }
 ```

index.js

@@ -1,6 +1,6 @@
 {
   "name": "postcss-rtlcss",
-  "version": "1.6.1",
+  "version": "1.6.5",
   "description": "PostCSS plugin to build Cascading Style Sheets (CSS) with Left-To-Right (LTR) and Right-To-Left (RTL) rules",
   "keywords": [
     "postcss",

package.json

@@ -0,0 +1,96 @@
+{
+    "0": [
+        "border-bottom-right-radius",
+        "border-bottom-left-radius",
+        "border-end-end-radius",
+        "border-end-start-radius",
+        "border-start-end-radius",
+        "border-start-start-radius",
+        "border-top-left-radius",
+        "border-top-right-radius",
+        "margin-block-end",
+        "margin-block-start",
+        "margin-top",
+        "margin-right",
+        "margin-bottom",
+        "margin-left",
+        "margin-inline-end",
+        "margin-inline-start",
+        "padding-block-end",
+        "padding-block-start",
+        "padding-top",
+        "padding-right",
+        "padding-bottom",
+        "padding-left",
+        "padding-inline-end",
+        "padding-inline-start",
+        "scroll-margin-block-end",
+        "scroll-margin-block-start",
+        "scroll-margin-top",
+        "scroll-margin-right",
+        "scroll-margin-bottom",
+        "scroll-margin-left",
+        "scroll-margin-inline-end",
+        "scroll-margin-inline-start"
+    ],
+    "auto": [
+        "top",
+        "right",
+        "bottom",
+        "left",
+        "grid-column-end",
+        "grid-column-start",
+        "grid-row-end",
+        "grid-row-start",
+        "inset-block-end",
+        "inset-block-start",
+        "inset-inline-end",
+        "inset-inline-start",
+        "scroll-padding-block-end",
+        "scroll-padding-block-start",
+        "scroll-padding-top",
+        "scroll-padding-right",
+        "scroll-padding-bottom",
+        "scroll-padding-left",
+        "scroll-padding-inline-end",
+        "scroll-padding-inline-start"
+    ],
+    "currentcolor": [
+        "border-block-start-color",
+        "border-block-end-color",
+        "border-top-color",
+        "border-right-color",
+        "border-bottom-color",
+        "border-left-color",
+        "border-inline-start-color",
+        "border-inline-end-color"
+    ],
+    "medium": [
+        "border-block-start-width",
+        "border-block-end-width",
+        "border-top-width",
+        "border-right-width",
+        "border-bottom-width",
+        "border-left-width",
+        "border-inline-start-width",
+        "border-inline-end-width"
+    ],
+    "none": [
+        "border-block-start",
+        "border-block-end",
+        "border-top",
+        "border-right",
+        "border-bottom",
+        "border-left",
+        "border-top-style",
+        "border-right-style",
+        "border-bottom-style",
+        "border-left-style",
+        "border-block-start-style",
+        "border-block-end-style",
+        "border-inline-start",
+        "border-inline-end",
+        "border-inline-start-style",
+        "border-inline-end-style"
+    ]
+}

src/data/initial-values.json

@@ -11,7 +11,7 @@ import {
 import { store } from '@data/store';
 import { addSelectorPrefixes } from '@utilities/selectors';
 import { isIgnoreDirectiveInsideAnIgnoreBlock, checkDirective } from '@utilities/directives';
-import { declarations, allDeclarations, appendDeclarationToRule, hasIgnoreDirectiveInRaws } from '@utilities/declarations';
+import { declarations, allDeclarations, initialValues, appendDeclarationToRule, hasIgnoreDirectiveInRaws } from '@utilities/declarations';
 import { walkContainer } from '@utilities/containers';
 import { cleanRuleRawsBefore } from '@utilities/rules';
 
@@ -200,7 +200,8 @@ export const parseDeclarations = (rule: Rule, autorenamed = false): void => {
                 } else {
                     if (FLIP_PROPERTY_REGEXP.test(decl.prop) && !declarationHashMap[declFlipped.prop]) {
                         const declClone = decl.clone();
-                        declClone.value = 'unset';
+                        /* istanbul ignore next */
+                        declClone.value = initialValues[decl.prop] || 'unset';
                         ruleFlipped.append(declClone);
                     }
                     if (isConflictedDeclaration && !hasIgnoreDirectiveInRaws(decl)) {

src/parsers/declarations.ts

@@ -3,11 +3,14 @@ import { ObjectWithProps, DeclarationsData } from '@types';
 import { COMMENT_TYPE, RTL_COMMENT_IGNORE_REGEXP } from '@constants';
 import shorthandDeclarationsJson from '@data/shorthand-declarations.json';
 import notShorthandDeclarationsJson from '@data/not-shorthand-declarations.json';
+import initialValuesJson from '@data/initial-values.json';
 
 const declarationsData: DeclarationsData = shorthandDeclarationsJson;
 const notShorthandDeclarationsArray: string[] = notShorthandDeclarationsJson;
+const initialValuesData: ObjectWithProps<string[]> = initialValuesJson;
 const declarations: ObjectWithProps<string[]> = {};
 const allDeclarations: ObjectWithProps<string[]> = {};
+const initialValues: ObjectWithProps<string> = {};
 
 const getOverrideTree = (prop: string): string[] => {
     const overridenProp = declarationsData[prop].overridden;
@@ -29,6 +32,12 @@ notShorthandDeclarationsArray.forEach((declaration: string): void => {
     allDeclarations[declaration] = [];
 });
 
+Object.keys(initialValuesData).forEach((value: string): void => {
+    initialValuesData[value].forEach((prop: string): void => {
+        initialValues[prop] = value;
+    });
+});
+
 const appendDeclarationToRule = (decl: Declaration, rule: Rule): void => {
     const declClone = decl.clone();
     const declPrev = decl.prev();
@@ -52,6 +61,7 @@ const hasIgnoreDirectiveInRaws = (decl: Declaration): boolean => {
 export {
     declarations,
     allDeclarations,
+    initialValues,
     appendDeclarationToRule,
     hasIgnoreDirectiveInRaws
 };