@code-hike/mini-browser - npm Package Compare versions

Comparing version 0.3.0--canary.116.0186a87.0 to 0.3.0--canary.116.056ec02.0

dist/buttons.d.ts

@@ -0,7 +1,9 @@
+import React from "react";
 declare function Back(): JSX.Element;
 declare function Forward(): JSX.Element;
 declare function Refresh(): JSX.Element;
-declare function Open({ href }: {
+declare function Open({ href, style, }: {
     href: string;
+    style?: React.CSSProperties;
 }): JSX.Element;
 export { Back, Forward, Refresh, Open };

dist/index.cjs.js

@@ -8,2 +8,3 @@ 'use strict';
 var classer = require('@code-hike/classer');
+var utils = require('@code-hike/utils');
 var useSpring = require('use-spring');
@@ -89,5 +90,5 @@
 function Open(_a) {
-    var href = _a.href;
+    var href = _a.href, style = _a.style;
     var c = classer.useClasser("ch-browser");
-    return (React__default['default'].createElement("a", { className: c("button", "open-button"), title: "Open in new tab", href: href, target: "_blank", rel: "noopener noreferrer" },
+    return (React__default['default'].createElement("a", { className: c("button", "open-button"), title: "Open in new tab", href: href, style: style, target: "_blank", rel: "noopener noreferrer" },
         React__default['default'].createElement("svg", { stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "3 3 18 18", height: "1em", width: "1em", className: c("open-icon"), xmlns: "http://www.w3.org/2000/svg" },
@@ -98,3 +99,4 @@ React__default['default'].createElement("path", { d: "M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z" }))));
 function TitleBar(_a) {
-    var url = _a.url, linkUrl = _a.linkUrl; _a.theme;
+    var url = _a.url, linkUrl = _a.linkUrl, theme = _a.theme;
+    var inputBorder = utils.getColor(theme, utils.ColorName.InputBorder);
     return (React__default['default'].createElement(React__default['default'].Fragment, null,
@@ -104,4 +106,12 @@ React__default['default'].createElement(miniFrame.FrameButtons, null),
         React__default['default'].createElement(Forward, null),
-        React__default['default'].createElement("input", { value: url || "", readOnly: true }),
-        React__default['default'].createElement(Open, { href: linkUrl })));
+        React__default['default'].createElement("input", { value: url || "", readOnly: true, style: {
+                background: utils.getColor(theme, utils.ColorName.InputBackground),
+                color: utils.getColor(theme, utils.ColorName.InputForeground),
+                border: inputBorder
+                    ? "1px solid " + inputBorder
+                    : undefined,
+            } }),
+        React__default['default'].createElement(Open, { href: linkUrl, style: {
+                color: utils.getColor(theme, utils.ColorName.EditorForeground),
+            } })));
 }
@@ -108,0 +118,0 @@

dist/index.esm.js

 import React from 'react';
 import { FrameButtons, MiniFrame } from '@code-hike/mini-frame';
 import { useClasser } from '@code-hike/classer';
+import { getColor, ColorName } from '@code-hike/utils';
 import { useSpring } from 'use-spring';
@@ -80,5 +81,5 @@
 function Open(_a) {
-    var href = _a.href;
+    var href = _a.href, style = _a.style;
     var c = useClasser("ch-browser");
-    return (React.createElement("a", { className: c("button", "open-button"), title: "Open in new tab", href: href, target: "_blank", rel: "noopener noreferrer" },
+    return (React.createElement("a", { className: c("button", "open-button"), title: "Open in new tab", href: href, style: style, target: "_blank", rel: "noopener noreferrer" },
         React.createElement("svg", { stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "3 3 18 18", height: "1em", width: "1em", className: c("open-icon"), xmlns: "http://www.w3.org/2000/svg" },
@@ -89,3 +90,4 @@ React.createElement("path", { d: "M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z" }))));
 function TitleBar(_a) {
-    var url = _a.url, linkUrl = _a.linkUrl; _a.theme;
+    var url = _a.url, linkUrl = _a.linkUrl, theme = _a.theme;
+    var inputBorder = getColor(theme, ColorName.InputBorder);
     return (React.createElement(React.Fragment, null,
@@ -95,4 +97,12 @@ React.createElement(FrameButtons, null),
         React.createElement(Forward, null),
-        React.createElement("input", { value: url || "", readOnly: true }),
-        React.createElement(Open, { href: linkUrl })));
+        React.createElement("input", { value: url || "", readOnly: true, style: {
+                background: getColor(theme, ColorName.InputBackground),
+                color: getColor(theme, ColorName.InputForeground),
+                border: inputBorder
+                    ? "1px solid " + inputBorder
+                    : undefined,
+            } }),
+        React.createElement(Open, { href: linkUrl, style: {
+                color: getColor(theme, ColorName.EditorForeground),
+            } })));
 }
@@ -99,0 +109,0 @@

package.json

 {
   "name": "@code-hike/mini-browser",
-  "version": "0.3.0--canary.116.0186a87.0",
+  "version": "0.3.0--canary.116.056ec02.0",
   "main": "dist/index.cjs.js",
@@ -17,3 +17,3 @@ "typings": "dist/index.d.ts",
   "devDependencies": {
-    "@code-hike/script": "0.3.0--canary.116.0186a87.0",
+    "@code-hike/script": "0.3.0--canary.116.056ec02.0",
     "@types/jest": "^24.0.15",
@@ -26,5 +26,5 @@ "@types/react": "^17.0.2",
   "dependencies": {
-    "@code-hike/classer": "0.3.0--canary.116.0186a87.0",
-    "@code-hike/mini-frame": "0.3.0--canary.116.0186a87.0",
-    "@code-hike/utils": "0.3.0--canary.116.0186a87.0",
+    "@code-hike/classer": "0.3.0--canary.116.056ec02.0",
+    "@code-hike/mini-frame": "0.3.0--canary.116.056ec02.0",
+    "@code-hike/utils": "0.3.0--canary.116.056ec02.0",
     "use-spring": "^0.2.3"
@@ -49,3 +49,3 @@ },
   },
-  "gitHead": "0186a8722f3e14c54e147a04d3911ba83ba817e6"
+  "gitHead": "056ec02d2e35682bf2f8c6423410d8622ba10691"
 }

No alert changes

Improved metrics

Total package byte prevSize

32532

increased by3.77%

Lines of code

478

increased by4.82%

Dependency changes

• + Added@code-hike/classer@0.3.0--canary.116.056ec02.0(transitive)

• + Added@code-hike/mini-frame@0.3.0--canary.116.056ec02.0(transitive)

• + Added@code-hike/utils@0.3.0--canary.116.056ec02.0(transitive)

• - Removed@code-hike/classer@0.3.0--canary.116.0186a87.0(transitive)

• - Removed@code-hike/mini-frame@0.3.0--canary.116.0186a87.0(transitive)

• - Removed@code-hike/utils@0.3.0--canary.116.0186a87.0(transitive)

• Updated@code-hike/classer@0.3.0--canary.116.056ec02.0

• Updated@code-hike/mini-frame@0.3.0--canary.116.056ec02.0

• Updated@code-hike/utils@0.3.0--canary.116.056ec02.0