@arch-ui/theme - npm Package Compare versions

Comparing version 0.0.11 to 0.0.12

CHANGELOG.md

 # @arch-ui/theme
 
+## 0.0.12
+
+### Patch Changes
+
+- [`04bf1e4bb`](https://github.com/keystonejs/keystone-5/commit/04bf1e4bb0223f4e2e06664bbc9e95c51118eb84) [#2](https://github.com/keystonejs/keystone-5/pull/2) Thanks [@bladey](https://github.com/bladey)! - Updated repository URL in package.json.
+
+- Updated dependencies [[`04bf1e4bb`](https://github.com/keystonejs/keystone-5/commit/04bf1e4bb0223f4e2e06664bbc9e95c51118eb84)]:
+  - @arch-ui/color-utils@0.0.3
+
 ## 0.0.11
@@ -7,3 +16,3 @@
 
-- [`0fc878fa9`](https://github.com/keystonejs/keystone/commit/0fc878fa918c3196196f943f195ffaa62fce504b) [#3439](https://github.com/keystonejs/keystone/pull/3439) Thanks [@renovate](https://github.com/apps/renovate)! - Updated babel dependencies.
+- [`0fc878fa9`](https://github.com/keystonejs/keystone-5/commit/0fc878fa918c3196196f943f195ffaa62fce504b) [#3439](https://github.com/keystonejs/keystone-5/pull/3439) Thanks [@renovate](https://github.com/apps/renovate)! - Updated babel dependencies.
 
@@ -14,3 +23,3 @@ ## 0.0.10
 
-- [`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
+- [`0de5f232`](https://github.com/keystonejs/keystone-5/commit/0de5f2321ef8f9fe6dd247c3201372a4156e61e9) [#2499](https://github.com/keystonejs/keystone-5/pull/2499) Thanks [@mikehazell](https://github.com/mikehazell)! - Fixed issue with Chrome for Mac producing strange characters when printing
 
@@ -21,5 +30,5 @@ ## 0.0.9
 
-- [`5ba330b8`](https://github.com/keystonejs/keystone/commit/5ba330b8b2609ea0033a636daf9a215a5a192c20) [#2487](https://github.com/keystonejs/keystone/pull/2487) Thanks [@Noviny](https://github.com/Noviny)! - Small changes to package.json (mostly adding a repository field)
+- [`5ba330b8`](https://github.com/keystonejs/keystone-5/commit/5ba330b8b2609ea0033a636daf9a215a5a192c20) [#2487](https://github.com/keystonejs/keystone-5/pull/2487) Thanks [@Noviny](https://github.com/Noviny)! - Small changes to package.json (mostly adding a repository field)
 
-- Updated dependencies [[`5ba330b8`](https://github.com/keystonejs/keystone/commit/5ba330b8b2609ea0033a636daf9a215a5a192c20)]:
+- Updated dependencies [[`5ba330b8`](https://github.com/keystonejs/keystone-5/commit/5ba330b8b2609ea0033a636daf9a215a5a192c20)]:
   - @arch-ui/color-utils@0.0.2
@@ -31,3 +40,3 @@
 
-- [`dcdd8ed9`](https://github.com/keystonejs/keystone/commit/dcdd8ed9142cf3328a7af80bc167ef93c7669b09) [#2381](https://github.com/keystonejs/keystone/pull/2381) Thanks [@timleslie](https://github.com/timleslie)! - Updated `@babel/*` dependency packages to latest versions.
+- [`dcdd8ed9`](https://github.com/keystonejs/keystone-5/commit/dcdd8ed9142cf3328a7af80bc167ef93c7669b09) [#2381](https://github.com/keystonejs/keystone-5/pull/2381) Thanks [@timleslie](https://github.com/timleslie)! - Updated `@babel/*` dependency packages to latest versions.
 
@@ -38,3 +47,3 @@ ## 0.0.7
 
-- [`38f88b62`](https://github.com/keystonejs/keystone/commit/38f88b62d9592d91b56528d4d9c40e9399440c4a) [#2144](https://github.com/keystonejs/keystone/pull/2144) - Upgraded all @babel/\* dependencies.
+- [`38f88b62`](https://github.com/keystonejs/keystone-5/commit/38f88b62d9592d91b56528d4d9c40e9399440c4a) [#2144](https://github.com/keystonejs/keystone-5/pull/2144) - Upgraded all @babel/\* dependencies.
 
@@ -45,3 +54,3 @@ ## 0.0.6
 
-- [`129b0f6`](https://github.com/keystonejs/keystone/commit/129b0f61f34adb7482901d2da4ddb14ce1aedd62) [#2092](https://github.com/keystonejs/keystone/pull/2092) - Upgrade all Babel deps to the same version (7.7.4)
+- [`129b0f6`](https://github.com/keystonejs/keystone-5/commit/129b0f61f34adb7482901d2da4ddb14ce1aedd62) [#2092](https://github.com/keystonejs/keystone-5/pull/2092) - Upgrade all Babel deps to the same version (7.7.4)
 
@@ -52,3 +61,3 @@ ## 0.0.5
 
-- [19fe6c1b](https://github.com/keystonejs/keystone/commit/19fe6c1b):
+- [19fe6c1b](https://github.com/keystonejs/keystone-5/commit/19fe6c1b):
 
@@ -61,3 +70,3 @@ Move frontmatter in docs into comments
 
-- [81dc0be5](https://github.com/keystonejs/keystone/commit/81dc0be5):
+- [81dc0be5](https://github.com/keystonejs/keystone-5/commit/81dc0be5):
 
@@ -68,3 +77,3 @@ - Update dependencies
 
-- [patch][e75c105c](https://github.com/keystonejs/keystone/commit/e75c105c):
+- [patch][e75c105c](https://github.com/keystonejs/keystone-5/commit/e75c105c):
 
@@ -71,0 +80,0 @@ - admin revamp

dist/theme.cjs.dev.js

@@ -5,13 +5,5 @@ 'use strict';
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var colorUtils = require('@arch-ui/color-utils');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 const intent = {
@@ -18,0 +10,0 @@ create: '#34c240',

dist/theme.cjs.prod.js

@@ -1,70 +0,52 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: !0
-});
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require("@babel/runtime/helpers/defineProperty"), colorUtils = require("@arch-ui/color-utils");
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var colorUtils = require('@arch-ui/color-utils');
 
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
+const intent = {
+  create: '#34c240',
+  danger: '#d64242',
+  info: '#0090e0',
+  primary: '#2684FF',
+  warning: '#fa9f47'
+}; // neutrals
 
-var _defineProperty__default = _interopDefault(_defineProperty);
+const neutrals = {
+  N05: '#F4F5F7',
+  N10: '#EBECF0',
+  N15: '#DFE1E5',
+  N20: '#C1C7D0',
+  N30: '#A5ADBA',
+  N40: '#97A0AF',
+  N50: '#7A869A',
+  N60: '#6C798F',
+  N70: '#42526E',
+  N80: '#253858',
+  N90: '#172B4D',
+  N100: '#091E42'
+};
+const source = Array.from(new Array(19), (item, index) => (index + 1) * 5);
+const darkenSource = source.slice(0, 16).reverse(); // darker than D80 is basically black...
 
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter((function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    }))), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach((function(key) {
-      _defineProperty__default.default(target, key, source[key]);
-    })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach((function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    }));
-  }
-  return target;
-}
-
-const intent = {
-  create: "#34c240",
-  danger: "#d64242",
-  info: "#0090e0",
-  primary: "#2684FF",
-  warning: "#fa9f47"
-}, neutrals = {
-  N05: "#F4F5F7",
-  N10: "#EBECF0",
-  N15: "#DFE1E5",
-  N20: "#C1C7D0",
-  N30: "#A5ADBA",
-  N40: "#97A0AF",
-  N50: "#7A869A",
-  N60: "#6C798F",
-  N70: "#42526E",
-  N80: "#253858",
-  N90: "#172B4D",
-  N100: "#091E42"
-}, source = Array.from(new Array(19), (item, index) => 5 * (index + 1)), darkenSource = source.slice(0, 16).reverse();
-
 function makeVariants(color) {
   const variants = {};
-  return source.forEach(n => variants["L" + n] = colorUtils.lighten(color, n)), variants.base = color, 
-  darkenSource.forEach(n => variants["D" + n] = colorUtils.darken(color, n)), source.forEach(n => variants["A" + n] = colorUtils.alpha(color, n / 100)), 
-  variants;
+  source.forEach(n => variants[`L${n}`] = colorUtils.lighten(color, n));
+  variants.base = color;
+  darkenSource.forEach(n => variants[`D${n}`] = colorUtils.darken(color, n));
+  source.forEach(n => variants[`A${n}`] = colorUtils.alpha(color, n / 100));
+  return variants;
 }
 
-const blue = "#2684FF", green = "#34c240", red = "#d64242", yellow = "#fa9f47", blues = makeVariants(blue), greens = makeVariants(green), reds = makeVariants(red), yellows = makeVariants(yellow);
+const blue = '#2684FF';
+const green = '#34c240';
+const red = '#d64242';
+const yellow = '#fa9f47'; // const neutral = '#7A869A';
 
+const blues = makeVariants(blue);
+const greens = makeVariants(green);
+const reds = makeVariants(red);
+const yellows = makeVariants(yellow); // const neutrals = makeVariants(neutral);
+
 var colors = _objectSpread(_objectSpread(_objectSpread({
@@ -76,12 +58,34 @@ R: reds,
 }, neutrals), {}, {
-  page: "#FAFBFC",
+  // named
+  page: '#FAFBFC',
   text: neutrals.N90
 }, intent), {}, {
-  green: green,
-  red: red,
-  blue: blue,
-  yellow: yellow
+  green,
+  red,
+  blue,
+  yellow
 });
 
-const shade = alpha => `rgba(9, 30, 66, ${alpha})`, shadows = [ "0px 2px 5px 0px " + shade(.12), "0px 5px 10px 0px " + shade(.12), `0px 6px 12px -2px ${shade(.12)}, 0 0 0 1px ${shade(.08)}`, `0px 6px 12px -2px ${shade(.24)}, 0 0 0 1px ${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 = {
+const shade = alpha => `rgba(9, 30, 66, ${alpha})`;
+
+const shadows = [`0px 2px 5px 0px ${shade(0.12)}`, `0px 5px 10px 0px ${shade(0.12)}`, `0px 6px 12px -2px ${shade(0.12)}, 0 0 0 1px ${shade(0.08)}`, `0px 6px 12px -2px ${shade(0.24)}, 0 0 0 1px ${shade(0.08)}`];
+
+const fontFamily = `
+  -apple-system,
+  BlinkMacSystemFont,
+  "Segoe UI",
+  Roboto,
+  Helvetica,
+  Arial,
+  sans-serif,
+  "Apple Color Emoji",
+  "Segoe UI Emoji",
+  "Segoe UI Symbol"
+`; // BlinkMacSystemFont produces very strange characters when printing from Chrome on Mac.
+
+const printFontFamily = fontFamily.replace('BlinkMacSystemFont,', '');
+const borderRadius = 6;
+const gridSize = 8;
+const fontSize = 16;
+const globalStyles = {
   body: {
@@ -91,13 +95,13 @@ backgroundColor: colors.page,
     fontFamily: fontFamily,
-    fontSize: 16,
-    letterSpacing: "-0.005em",
+    fontSize,
+    letterSpacing: '-0.005em',
     margin: 0,
-    textDecorationSkip: "ink",
-    textRendering: "optimizeLegibility",
-    msOverflowStyle: "-ms-autohiding-scrollbar",
+    textDecorationSkip: 'ink',
+    textRendering: 'optimizeLegibility',
+    msOverflowStyle: '-ms-autohiding-scrollbar',
     MozFontFeatureSettings: "'liga' on",
-    MozOsxFontSmoothing: "grayscale",
-    WebkitFontSmoothing: "antialiased",
-    "@media print": {
-      backgroundColor: "white",
+    MozOsxFontSmoothing: 'grayscale',
+    WebkitFontSmoothing: 'antialiased',
+    '@media print': {
+      backgroundColor: 'white',
       fontFamily: printFontFamily
@@ -108,11 +112,15 @@ }
     color: colors.primary,
-    textDecoration: "none"
+    textDecoration: 'none'
   },
-  "a:hover": {
-    textDecoration: "underline"
+  'a:hover': {
+    textDecoration: 'underline'
   }
 };
 
-exports.borderRadius = 6, exports.colors = colors, exports.fontFamily = fontFamily, 
-exports.fontSize = 16, exports.globalStyles = globalStyles, exports.gridSize = 8, 
+exports.borderRadius = borderRadius;
+exports.colors = colors;
+exports.fontFamily = fontFamily;
+exports.fontSize = fontSize;
+exports.globalStyles = globalStyles;
+exports.gridSize = gridSize;
 exports.shadows = shadows;

dist/theme.esm.js

@@ -1,8 +0,4 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
 import { lighten, darken, alpha } from '@arch-ui/color-utils';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 const intent = {
@@ -9,0 +5,0 @@ create: '#34c240',

package.json

 {
   "name": "@arch-ui/theme",
   "description": "Common Theme as used throughout @arch-ui packages and @keystonejs Admin UI.",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "author": "Jed Watson",
@@ -9,7 +9,7 @@ "license": "MIT",
   "dependencies": {
-    "@arch-ui/color-utils": "0.0.2",
-    "@babel/runtime": "^7.11.2"
+    "@arch-ui/color-utils": "0.0.3",
+    "@babel/runtime": "^7.12.13"
   },
   "module": "dist/theme.esm.js",
-  "repository": "https://github.com/keystonejs/keystone/tree/master/packages/arch/packages/theme"
+  "repository": "https://github.com/keystonejs/keystone-5/tree/master/packages/arch/packages/theme"
 }

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

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

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

15588

decreased by-12.54%

Lines of code

441

decreased by-0.9%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@arch-ui/color-utils@0.0.3(transitive)

• - Removed@arch-ui/color-utils@0.0.2(transitive)

• Updated@arch-ui/color-utils@0.0.3

• Updated@babel/runtime@^7.12.13