@os-design/core - npm Package Compare versions

Comparing version 0.0.47 to 0.0.48

lib/Drawer/index.js

@@ -16,7 +16,7 @@ "use strict";
 const Portal_1 = __importDefault(require("../Portal"));
-const bodyScroll_1 = __importDefault(require("../utils/bodyScroll"));
 const BaseModalContainer_1 = __importDefault(require("../utils/BaseModalContainer"));
 const BaseModalMask_1 = __importDefault(require("../utils/BaseModalMask"));
+const utils_1 = require("@os-design/utils");
 const Drawer = props => {
-    react_1.useEffect(props.visible ? bodyScroll_1.default.disable : bodyScroll_1.default.enable, [props.visible]);
+    react_1.useEffect(props.visible ? utils_1.bodyScroll.disable : utils_1.bodyScroll.enable, [props.visible]);
     return (react_1.default.createElement(Portal_1.default, null,
@@ -23,0 +23,0 @@ react_1.default.createElement(BaseModalContainer_1.default, { visible: props.visible },

lib/GlobalStyles/typography.js

@@ -16,35 +16,42 @@ "use strict";
 const typography = (theme) => core_1.css `
-    html, button {
-      font-family: 'Helvetica Neue', Helvetica, sans-serif;
-    }
+  html, body {
+    height: 100%;
+  }
+  
+  html, button {
+    font-family: 'Helvetica Neue', Helvetica, sans-serif;
+  }
+  
+  html, input {
+    color: ${theme.colorText};
+  }
+  
+  html {
+    line-height: 1.5;
     
-    html, input {
-      color: ${theme.colorText};
-    }
+    // Sets the font smoothing
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
     
-    html {
-      line-height: 1.5;
-      
-      // Sets the font smoothing
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
-      text-rendering: optimizeLegibility;
-      
-      // Sets the base font size and increase it on large screens
-      ${facepaint_1.default([utils_1.m.min.md, utils_1.m.min.xxl])({ fontSize: theme.fontSize.map(s => `${s}px`) })};
-    }
+    // Removes the highlight that appears over a link while it's being tapped
+    -webkit-tap-highlight-color: transparent;
     
-    h1, h2, h3, h4, h5, h6 {
-      margin: 0 0 0.4em;
-      font-weight: bold;
-      line-height: 1.2;
-    }
-    
-    // Sets the base font size of headings
-    ${hFontSizeStyle(0.2)};
-    
-    // Sets the font size of headings on large screens
-    ${utils_1.m.min.md} { ${hFontSizeStyle(0.3)} };
+    // Sets the base font size and increase it on large screens
+    ${facepaint_1.default([utils_1.m.min.md, utils_1.m.min.xxl])({ fontSize: theme.fontSize.map(s => `${s}px`) })};
+  }
+  
+  h1, h2, h3, h4, h5, h6 {
+    margin: 0 0 0.4em;
+    font-weight: bold;
+    line-height: 1.2;
+  }
+  
+  // Sets the base font size of headings
+  ${hFontSizeStyle(0.2)};
+  
+  // Sets the font size of headings on large screens
+  ${utils_1.m.min.md} { ${hFontSizeStyle(0.3)} };
 `;
 exports.default = typography;
 //# sourceMappingURL=typography.js.map

lib/Modal/index.js

@@ -15,3 +15,2 @@ "use strict";
 const styled_1 = __importDefault(require("@os-design/styled"));
-const bodyScroll_1 = __importDefault(require("../utils/bodyScroll"));
 const Portal_1 = __importDefault(require("../Portal"));
@@ -24,2 +23,3 @@ const ModalContainer_1 = __importStar(require("./ModalContainer"));
 const BaseModalMask_1 = __importDefault(require("../utils/BaseModalMask"));
+const utils_1 = require("@os-design/utils");
 const ModalMask = styled_1.default(BaseModalMask_1.default) `
@@ -29,3 +29,3 @@ z-index: ${ModalContainer_1.MODAL_CONTAINER_Z_INDEX};
 const Modal = props => {
-    react_1.useEffect(props.visible ? bodyScroll_1.default.disable : bodyScroll_1.default.enable, [props.visible]);
+    react_1.useEffect(props.visible ? utils_1.bodyScroll.disable : utils_1.bodyScroll.enable, [props.visible]);
     const renderBody = () => props.children && (react_1.default.createElement(ModalBody_1.default, { className: props.className }, props.children));
@@ -32,0 +32,0 @@ const renderFooter = () => {

package.json

 {
   "name": "@os-design/core",
-  "version": "0.0.47",
+  "version": "0.0.48",
   "license": "MIT",
@@ -22,3 +22,3 @@ "main": "lib/index.js",
     "@os-design/styled": "^0.0.8",
-    "@os-design/utils": "^0.0.9",
+    "@os-design/utils": "^0.0.10",
     "@types/facepaint": "^1.2.1",
@@ -36,3 +36,3 @@ "facepaint": "^1.2.1",
   },
-  "gitHead": "d973da2f8b047bdc1fcd189692c5a5c7c11bc872"
+  "gitHead": "d79f77ab607cabb3d642024e2d633047f355d065"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

175890

decreased by-0.56%

Number of package files

178

decreased by-2.2%

Lines of code

2179

decreased by-0.59%

Dependency changes

• + Added@os-design/utils@0.0.10(transitive)

• - Removed@os-design/utils@0.0.9(transitive)

• Updated@os-design/utils@^0.0.10