@os-design/website - npm Package Compare versions

Comparing version 0.0.60 to 0.0.61

lib/Header/index.d.ts

 import React from 'react';
 export interface HeaderProps {
     absolute?: boolean;
+    border?: boolean;
 }
@@ -5,0 +6,0 @@ export declare const HEADER_HEIGHT_EM = 4;

lib/Header/index.js

@@ -18,3 +18,6 @@ "use strict";
 `;
-const HeaderContainer = styled_1.default('header', utils_1.omitProps(['absolute'])) `
+const border = (p) => p.border && core_1.css `
+  border-bottom: 1px solid rgb(${p.theme.colorBorder});
+`;
+const HeaderContainer = styled_1.default('header', utils_1.omitProps(['absolute', 'border'])) `
   display: flex;
@@ -24,4 +27,6 @@ align-items: center;
   height: ${exports.HEADER_HEIGHT_EM}em;
+  box-sizing: border-box;
   
   ${absolute};
+  ${border};
   ${paddingHorizontal_1.default};
@@ -28,0 +33,0 @@ ${utils_1.transition('height', 'padding')};

lib/Navigation/NavigationMobile.js

@@ -28,2 +28,3 @@ "use strict";
   height: ${exports.NAVIGATION_MOBILE_HEIGHT_EM}em;
+  box-sizing: border-box;
   overflow-y: auto;
@@ -30,0 +31,0 @@ display: grid;

package.json

 {
   "name": "@os-design/website",
-  "version": "0.0.60",
+  "version": "0.0.61",
   "license": "MIT",
@@ -34,3 +34,3 @@ "main": "lib/index.js",
   },
-  "gitHead": "a8443e8cc63dab1f93c6da71987fb55046f41766"
+  "gitHead": "18ef96abfaef4493744605829b1c7d1b29e00e64"
 }

No alert changes

Improved metrics

Total package byte prevSize

87520

increased by0.43%

Lines of code

1203

increased by0.59%

No dependency changes