@arch-ui/theme - npm Package Compare versions

Comparing version 0.0.9 to 0.0.10

CHANGELOG.md

 # @arch-ui/theme
 
+## 0.0.10
+
+### Patch Changes
+
+- [`0de5f232`](https://github.com/keystonejs/keystone/commit/0de5f2321ef8f9fe6dd247c3201372a4156e61e9) [#2499](https://github.com/keystonejs/keystone/pull/2499) Thanks [@mikehazell](https://github.com/mikehazell)! - Fixed issue with Chrome for Mac producing strange characters when printing
+
 ## 0.0.9
@@ -4,0 +10,0 @@

dist/theme.cjs.dev.js

@@ -78,3 +78,5 @@ 'use strict';
 
-const fontFamily = "\n  -apple-system,\n  BlinkMacSystemFont,\n  \"Segoe UI\",\n  Roboto,\n  Helvetica,\n  Arial,\n  sans-serif,\n  \"Apple Color Emoji\",\n  \"Segoe UI Emoji\",\n  \"Segoe UI Symbol\"\n";
+const fontFamily = "\n  -apple-system,\n  BlinkMacSystemFont,\n  \"Segoe UI\",\n  Roboto,\n  Helvetica,\n  Arial,\n  sans-serif,\n  \"Apple Color Emoji\",\n  \"Segoe UI Emoji\",\n  \"Segoe UI Symbol\"\n"; // BlinkMacSystemFont produces very strange characters when printing from Chrome on Mac.
+
+const printFontFamily = fontFamily.replace('BlinkMacSystemFont,', '');
 const borderRadius = 6;
@@ -96,3 +98,7 @@ const gridSize = 8;
     MozOsxFontSmoothing: 'grayscale',
-    WebkitFontSmoothing: 'antialiased'
+    WebkitFontSmoothing: 'antialiased',
+    '@media print': {
+      backgroundColor: 'white',
+      fontFamily: printFontFamily
+    }
   },
@@ -99,0 +105,0 @@ a: {

dist/theme.cjs.prod.js

@@ -82,3 +82,3 @@ "use strict";
 
-const shade = alpha => "rgba(9, 30, 66, ".concat(alpha, ")"), shadows = [ "0px 2px 5px 0px ".concat(shade(.12)), "0px 5px 10px 0px ".concat(shade(.12)), "0px 6px 12px -2px ".concat(shade(.12), ", 0 0 0 1px ").concat(shade(.08)), "0px 6px 12px -2px ".concat(shade(.24), ", 0 0 0 1px ").concat(shade(.08)) ], fontFamily = '\n  -apple-system,\n  BlinkMacSystemFont,\n  "Segoe UI",\n  Roboto,\n  Helvetica,\n  Arial,\n  sans-serif,\n  "Apple Color Emoji",\n  "Segoe UI Emoji",\n  "Segoe UI Symbol"\n', borderRadius = 6, gridSize = 8, fontSize = 16, globalStyles = {
+const shade = alpha => "rgba(9, 30, 66, ".concat(alpha, ")"), shadows = [ "0px 2px 5px 0px ".concat(shade(.12)), "0px 5px 10px 0px ".concat(shade(.12)), "0px 6px 12px -2px ".concat(shade(.12), ", 0 0 0 1px ").concat(shade(.08)), "0px 6px 12px -2px ".concat(shade(.24), ", 0 0 0 1px ").concat(shade(.08)) ], fontFamily = '\n  -apple-system,\n  BlinkMacSystemFont,\n  "Segoe UI",\n  Roboto,\n  Helvetica,\n  Arial,\n  sans-serif,\n  "Apple Color Emoji",\n  "Segoe UI Emoji",\n  "Segoe UI Symbol"\n', printFontFamily = fontFamily.replace("BlinkMacSystemFont,", ""), borderRadius = 6, gridSize = 8, fontSize = 16, globalStyles = {
   body: {
@@ -96,3 +96,7 @@ backgroundColor: colors.page,
     MozOsxFontSmoothing: "grayscale",
-    WebkitFontSmoothing: "antialiased"
+    WebkitFontSmoothing: "antialiased",
+    "@media print": {
+      backgroundColor: "white",
+      fontFamily: printFontFamily
+    }
   },
@@ -99,0 +103,0 @@ a: {

dist/theme.esm.js

@@ -72,3 +72,5 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 
-const fontFamily = "\n  -apple-system,\n  BlinkMacSystemFont,\n  \"Segoe UI\",\n  Roboto,\n  Helvetica,\n  Arial,\n  sans-serif,\n  \"Apple Color Emoji\",\n  \"Segoe UI Emoji\",\n  \"Segoe UI Symbol\"\n";
+const fontFamily = "\n  -apple-system,\n  BlinkMacSystemFont,\n  \"Segoe UI\",\n  Roboto,\n  Helvetica,\n  Arial,\n  sans-serif,\n  \"Apple Color Emoji\",\n  \"Segoe UI Emoji\",\n  \"Segoe UI Symbol\"\n"; // BlinkMacSystemFont produces very strange characters when printing from Chrome on Mac.
+
+const printFontFamily = fontFamily.replace('BlinkMacSystemFont,', '');
 const borderRadius = 6;
@@ -90,3 +92,7 @@ const gridSize = 8;
     MozOsxFontSmoothing: 'grayscale',
-    WebkitFontSmoothing: 'antialiased'
+    WebkitFontSmoothing: 'antialiased',
+    '@media print': {
+      backgroundColor: 'white',
+      fontFamily: printFontFamily
+    }
   },
@@ -93,0 +99,0 @@ a: {

package.json

 {
   "name": "@arch-ui/theme",
   "description": "Common Theme as used throughout @arch-ui packages and @keystonejs Admin UI.",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "author": "Jed Watson",
@@ -6,0 +6,0 @@ "license": "MIT",

src/index.js

@@ -13,2 +13,6 @@ export const fontFamily = `
 `;
+
+// BlinkMacSystemFont produces very strange characters when printing from Chrome on Mac.
+const printFontFamily = fontFamily.replace('BlinkMacSystemFont,', '');
+
 export const borderRadius = 6;
@@ -37,2 +41,6 @@ export const gridSize = 8;
     WebkitFontSmoothing: 'antialiased',
+    '@media print': {
+      backgroundColor: 'white',
+      fontFamily: printFontFamily,
+    },
   },
@@ -39,0 +47,0 @@ a: {

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

Improved metrics

Total package byte prevSize

17600

increased by7.67%

Lines of code

421

increased by5.25%

No dependency changes