@helpscout/artboard - npm Package Compare versions

Comparing version 0.1.5 to 0.1.6

dist/Artboard/Artboard.css.js

@@ -16,6 +16,6 @@ "use strict";
 };
-exports.ArtboardWrapperUI = fancy_1.default(Base_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  bottom: 0;\n  color: ", ";\n  display: flex;\n  justify-content: center;\n  left: 0;\n  position: fixed;\n  right: 0;\n  transition: color 200ms linear, background-color 200ms linear;\n  top: 0;\n  user-select: none;\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"], ["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  bottom: 0;\n  color: ", ";\n  display: flex;\n  justify-content: center;\n  left: 0;\n  position: fixed;\n  right: 0;\n  transition: color 200ms linear, background-color 200ms linear;\n  top: 0;\n  user-select: none;\n\n  ",
+exports.ArtboardWrapperUI = fancy_1.default(Base_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  left: 0;\n  position: fixed;\n  right: 0;\n  transition: color 200ms linear, background-color 200ms linear;\n  top: 0;\n  user-select: none;\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"], ["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  left: 0;\n  position: fixed;\n  right: 0;\n  transition: color 200ms linear, background-color 200ms linear;\n  top: 0;\n  user-select: none;\n\n  ",
     ";\n\n  ",
     ";\n\n  ",
-    ";\n"])), exports.config.backgroundColor, exports.config.color, function (_a) {
+    ";\n"])), exports.config.backgroundColor, function (_a) {
     var theme = _a.theme;
@@ -81,3 +81,8 @@ return theme.darkMode &&
 exports.ArtboardBodyUI = fancy_1.default(Base_1.default)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-exports.GenericToolBarUI = fancy_1.default(Base_1.default)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  position: fixed;\n  pointer-events: none;\n  transform: translateZ(0);\n  width: 100%;\n  z-index: 2147483647;\n"], ["\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  position: fixed;\n  pointer-events: none;\n  transform: translateZ(0);\n  width: 100%;\n  z-index: 2147483647;\n"])));
+exports.GenericToolBarUI = fancy_1.default(Base_1.default)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  justify-content: center;\n  position: fixed;\n  pointer-events: none;\n  transform: translateZ(0);\n  width: 100%;\n  z-index: 2147483647;\n\n  ", ";\n"], ["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  justify-content: center;\n  position: fixed;\n  pointer-events: none;\n  transform: translateZ(0);\n  width: 100%;\n  z-index: 2147483647;\n\n  ",
+    ";\n"])), exports.config.color, function (_a) {
+    var theme = _a.theme;
+    return theme.darkMode &&
+        "\n    color: " + exports.config.colorDark + ";\n  ";
+});
 exports.ZoomWrapperUI = fancy_1.default(exports.GenericToolBarUI)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  bottom: 40px;\n"], ["\n  bottom: 40px;\n"])));
@@ -84,0 +89,0 @@ exports.KeyboardHintsWrapperUI = fancy_1.default(exports.GenericToolBarUI)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  z-index: 2147483637;\n  bottom: 10px;\n"], ["\n  z-index: 2147483637;\n  bottom: 10px;\n"])));

dist/Artboard/Artboard.css.ts

@@ -17,3 +17,2 @@ import styled from '@helpscout/fancy'
   bottom: 0;
-  color: ${config.color};
   display: flex;
@@ -131,2 +130,3 @@ justify-content: center;
   align-items: center;
+  color: ${config.color};
   display: flex;
@@ -139,2 +139,8 @@ justify-content: center;
   z-index: 2147483647;
+
+  ${({theme}) =>
+    theme.darkMode &&
+    `
+    color: ${config.colorDark};
+  `};
 `
@@ -141,0 +147,0 @@

dist/UI/LabelText/LabelText.js

@@ -10,7 +10,7 @@ "use strict";
 var Base_1 = require("../Base");
-var LabelTextUI = fancy_1.default(Base_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: rgba(0, 0, 0, 0);\n  border-radius: 4px;\n  padding: 2px 8px;\n  transition: background 200ms linear;\n\n  ", ";\n"], ["\n  background: rgba(0, 0, 0, 0);\n  border-radius: 4px;\n  padding: 2px 8px;\n  transition: background 200ms linear;\n\n  ",
+var LabelTextUI = fancy_1.default(Base_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: rgba(0, 0, 0, 0);\n  color: black;\n  border-radius: 4px;\n  padding: 2px 8px;\n  transition: background 200ms linear;\n\n  ", ";\n"], ["\n  background: rgba(0, 0, 0, 0);\n  color: black;\n  border-radius: 4px;\n  padding: 2px 8px;\n  transition: background 200ms linear;\n\n  ",
     ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.darkMode &&
-        "\n    background: " + polished_1.rgba('#1d1a1d', 0.6) + ";\n  ";
+        "\n    background: " + polished_1.rgba('#1d1a1d', 0.6) + ";\n    color: white;\n  ";
 });
@@ -17,0 +17,0 @@ exports.default = LabelTextUI;

package.json

 {
   "name": "@helpscout/artboard",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "A tool kit for React UI development and design",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

419523

increased by0.1%

Lines of code

8697

increased by0.14%

No dependency changes