react-remove-scroll-bar - npm Package Compare versions

Comparing version 2.1.1 to 2.2.0

dist/es2015/component.js

 import * as React from 'react';
 import { styleSingleton } from 'react-style-singleton';
 import { getGapWidth } from './utils';
-import { fullWidthClassName, zeroRightClassName, noScrollbarsClassName } from "./constants";
+import { fullWidthClassName, zeroRightClassName, noScrollbarsClassName, removedBarSizeVariable } from "./constants";
 var Style = styleSingleton();
@@ -13,3 +13,3 @@ var getStyles = function (_a, allowRelative, gapMode, important) {
         gapMode === 'padding' && "padding-right: " + gap + "px " + important + ";",
-    ].filter(Boolean).join('') + "\n  }\n  \n  ." + zeroRightClassName + " {\n    right: " + gap + "px " + important + ";\n  }\n  \n  ." + fullWidthClassName + " {\n    margin-right: " + gap + "px " + important + ";\n  }\n  \n  ." + zeroRightClassName + " ." + zeroRightClassName + " {\n    right: 0 " + important + ";\n  }\n  \n  ." + fullWidthClassName + " ." + fullWidthClassName + " {\n    margin-right: 0 " + important + ";\n  }\n";
+    ].filter(Boolean).join('') + "\n  }\n  \n  ." + zeroRightClassName + " {\n    right: " + gap + "px " + important + ";\n  }\n  \n  ." + fullWidthClassName + " {\n    margin-right: " + gap + "px " + important + ";\n  }\n  \n  ." + zeroRightClassName + " ." + zeroRightClassName + " {\n    right: 0 " + important + ";\n  }\n  \n  ." + fullWidthClassName + " ." + fullWidthClassName + " {\n    margin-right: 0 " + important + ";\n  }\n  \n  body {\n    " + removedBarSizeVariable + ": " + gap + "px;\n  }\n";
 };
@@ -16,0 +16,0 @@ export var RemoveScrollBar = function (props) {

dist/es2015/constants.d.ts

 export declare const zeroRightClassName = "right-scroll-bar-position";
 export declare const fullWidthClassName = "width-before-scroll-bar";
 export declare const noScrollbarsClassName = "with-scroll-bars-hidden";
+export declare const removedBarSizeVariable = "--removed-body-scroll-bar-size";

dist/es2015/constants.js

 export var zeroRightClassName = 'right-scroll-bar-position';
 export var fullWidthClassName = 'width-before-scroll-bar';
 export var noScrollbarsClassName = 'with-scroll-bars-hidden';
+export var removedBarSizeVariable = '--removed-body-scroll-bar-size';

dist/es2015/index.d.ts

 import { RemoveScrollBar } from './component';
 import { getGapWidth } from './utils';
-import { zeroRightClassName, fullWidthClassName, noScrollbarsClassName } from './constants';
-export { RemoveScrollBar, zeroRightClassName, fullWidthClassName, noScrollbarsClassName, getGapWidth };
+import { zeroRightClassName, fullWidthClassName, noScrollbarsClassName, removedBarSizeVariable } from './constants';
+export { RemoveScrollBar, zeroRightClassName, fullWidthClassName, noScrollbarsClassName, removedBarSizeVariable, getGapWidth };

dist/es2015/index.js

 import { RemoveScrollBar } from './component';
 import { getGapWidth } from './utils';
-import { zeroRightClassName, fullWidthClassName, noScrollbarsClassName } from './constants';
-export { RemoveScrollBar, zeroRightClassName, fullWidthClassName, noScrollbarsClassName, getGapWidth };
+import { zeroRightClassName, fullWidthClassName, noScrollbarsClassName, removedBarSizeVariable } from './constants';
+export { RemoveScrollBar, zeroRightClassName, fullWidthClassName, noScrollbarsClassName, removedBarSizeVariable, getGapWidth };

dist/es5/component.js

@@ -15,3 +15,3 @@ "use strict";
         gapMode === 'padding' && "padding-right: " + gap + "px " + important + ";",
-    ].filter(Boolean).join('') + "\n  }\n  \n  ." + constants_1.zeroRightClassName + " {\n    right: " + gap + "px " + important + ";\n  }\n  \n  ." + constants_1.fullWidthClassName + " {\n    margin-right: " + gap + "px " + important + ";\n  }\n  \n  ." + constants_1.zeroRightClassName + " ." + constants_1.zeroRightClassName + " {\n    right: 0 " + important + ";\n  }\n  \n  ." + constants_1.fullWidthClassName + " ." + constants_1.fullWidthClassName + " {\n    margin-right: 0 " + important + ";\n  }\n";
+    ].filter(Boolean).join('') + "\n  }\n  \n  ." + constants_1.zeroRightClassName + " {\n    right: " + gap + "px " + important + ";\n  }\n  \n  ." + constants_1.fullWidthClassName + " {\n    margin-right: " + gap + "px " + important + ";\n  }\n  \n  ." + constants_1.zeroRightClassName + " ." + constants_1.zeroRightClassName + " {\n    right: 0 " + important + ";\n  }\n  \n  ." + constants_1.fullWidthClassName + " ." + constants_1.fullWidthClassName + " {\n    margin-right: 0 " + important + ";\n  }\n  \n  body {\n    " + constants_1.removedBarSizeVariable + ": " + gap + "px;\n  }\n";
 };
@@ -18,0 +18,0 @@ exports.RemoveScrollBar = function (props) {

dist/es5/constants.d.ts

 export declare const zeroRightClassName = "right-scroll-bar-position";
 export declare const fullWidthClassName = "width-before-scroll-bar";
 export declare const noScrollbarsClassName = "with-scroll-bars-hidden";
+export declare const removedBarSizeVariable = "--removed-body-scroll-bar-size";

dist/es5/constants.js

@@ -6,1 +6,2 @@ "use strict";
 exports.noScrollbarsClassName = 'with-scroll-bars-hidden';
+exports.removedBarSizeVariable = '--removed-body-scroll-bar-size';

dist/es5/index.d.ts

 import { RemoveScrollBar } from './component';
 import { getGapWidth } from './utils';
-import { zeroRightClassName, fullWidthClassName, noScrollbarsClassName } from './constants';
-export { RemoveScrollBar, zeroRightClassName, fullWidthClassName, noScrollbarsClassName, getGapWidth };
+import { zeroRightClassName, fullWidthClassName, noScrollbarsClassName, removedBarSizeVariable } from './constants';
+export { RemoveScrollBar, zeroRightClassName, fullWidthClassName, noScrollbarsClassName, removedBarSizeVariable, getGapWidth };

dist/es5/index.js

@@ -11,1 +11,2 @@ "use strict";
 exports.noScrollbarsClassName = constants_1.noScrollbarsClassName;
+exports.removedBarSizeVariable = constants_1.removedBarSizeVariable;

package.json

 {
   "name": "react-remove-scroll-bar",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "Removes body scroll without content _shake_",
@@ -5,0 +5,0 @@ "main": "dist/es5/index.js",

No alert changes

Improved metrics

Total package byte prevSize

13575

increased by5.34%

Lines of code

201

increased by2.55%

No dependency changes