Socket
Socket
Sign inDemoInstall

@arch-ui/theme

Package Overview
Dependencies
Maintainers
8
Versions
14
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@arch-ui/theme - npm Package Compare versions

Comparing version 0.0.10 to 0.0.11

12

CHANGELOG.md
# @arch-ui/theme
## 0.0.11
### Patch Changes
- [`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.
## 0.0.10

@@ -40,3 +46,3 @@

- [19fe6c1b](https://github.com/keystonejs/keystone-5/commit/19fe6c1b):
- [19fe6c1b](https://github.com/keystonejs/keystone/commit/19fe6c1b):

@@ -49,3 +55,3 @@ Move frontmatter in docs into comments

- [81dc0be5](https://github.com/keystonejs/keystone-5/commit/81dc0be5):
- [81dc0be5](https://github.com/keystonejs/keystone/commit/81dc0be5):

@@ -56,3 +62,3 @@ - Update dependencies

- [patch][e75c105c](https://github.com/keystonejs/keystone-5/commit/e75c105c):
- [patch][e75c105c](https://github.com/keystonejs/keystone/commit/e75c105c):

@@ -59,0 +65,0 @@ - admin revamp

@@ -5,10 +5,12 @@ 'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
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(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; }
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; }

@@ -42,6 +44,6 @@ const intent = {

const variants = {};
source.forEach(n => variants["L".concat(n)] = colorUtils.lighten(color, n));
source.forEach(n => variants[`L${n}`] = colorUtils.lighten(color, n));
variants.base = color;
darkenSource.forEach(n => variants["D".concat(n)] = colorUtils.darken(color, n));
source.forEach(n => variants["A".concat(n)] = colorUtils.alpha(color, n / 100));
darkenSource.forEach(n => variants[`D${n}`] = colorUtils.darken(color, n));
source.forEach(n => variants[`A${n}`] = colorUtils.alpha(color, n / 100));
return variants;

@@ -60,3 +62,3 @@ }

var colors = _objectSpread({
var colors = _objectSpread(_objectSpread(_objectSpread({
R: reds,

@@ -66,7 +68,7 @@ G: greens,

Y: yellows
}, neutrals, {
}, neutrals), {}, {
// named
page: '#FAFBFC',
text: neutrals.N90
}, intent, {
}, intent), {}, {
green,

@@ -78,7 +80,18 @@ red,

const shade = alpha => "rgba(9, 30, 66, ".concat(alpha, ")");
const shade = alpha => `rgba(9, 30, 66, ${alpha})`;
const shadows = ["0px 2px 5px 0px ".concat(shade(0.12)), "0px 5px 10px 0px ".concat(shade(0.12)), "0px 6px 12px -2px ".concat(shade(0.12), ", 0 0 0 1px ").concat(shade(0.08)), "0px 6px 12px -2px ".concat(shade(0.24), ", 0 0 0 1px ").concat(shade(0.08))];
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 = "\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 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.

@@ -85,0 +98,0 @@ const printFontFamily = fontFamily.replace('BlinkMacSystemFont,', '');

"use strict";
function _interopDefault(ex) {
return ex && "object" == typeof ex && "default" in ex ? ex.default : ex;
}
Object.defineProperty(exports, "__esModule", {

@@ -11,4 +7,12 @@ value: !0

var _defineProperty = _interopDefault(require("@babel/runtime/helpers/defineProperty")), colorUtils = require("@arch-ui/color-utils");
var _defineProperty = require("@babel/runtime/helpers/defineProperty"), colorUtils = require("@arch-ui/color-utils");
function _interopDefault(e) {
return e && e.__esModule ? e : {
default: e
};
}
var _defineProperty__default = _interopDefault(_defineProperty);
function ownKeys(object, enumerableOnly) {

@@ -29,3 +33,3 @@ var keys = Object.keys(object);

i % 2 ? ownKeys(Object(source), !0).forEach((function(key) {
_defineProperty(target, key, source[key]);
_defineProperty__default.default(target, key, source[key]);
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach((function(key) {

@@ -61,5 +65,4 @@ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));

const variants = {};
return source.forEach(n => variants["L".concat(n)] = colorUtils.lighten(color, n)),
variants.base = color, darkenSource.forEach(n => variants["D".concat(n)] = colorUtils.darken(color, n)),
source.forEach(n => variants["A".concat(n)] = colorUtils.alpha(color, n / 100)),
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;

@@ -70,3 +73,3 @@ }

var colors = _objectSpread({
var colors = _objectSpread(_objectSpread(_objectSpread({
R: reds,

@@ -76,6 +79,6 @@ G: greens,

Y: yellows
}, neutrals, {
}, neutrals), {}, {
page: "#FAFBFC",
text: neutrals.N90
}, intent, {
}, intent), {}, {
green: green,

@@ -87,3 +90,3 @@ red: red,

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 = {
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 = {
body: {

@@ -90,0 +93,0 @@ backgroundColor: colors.page,

@@ -35,6 +35,6 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';

const variants = {};
source.forEach(n => variants["L".concat(n)] = lighten(color, n));
source.forEach(n => variants[`L${n}`] = lighten(color, n));
variants.base = color;
darkenSource.forEach(n => variants["D".concat(n)] = darken(color, n));
source.forEach(n => variants["A".concat(n)] = alpha(color, n / 100));
darkenSource.forEach(n => variants[`D${n}`] = darken(color, n));
source.forEach(n => variants[`A${n}`] = alpha(color, n / 100));
return variants;

@@ -53,3 +53,3 @@ }

var colors = _objectSpread({
var colors = _objectSpread(_objectSpread(_objectSpread({
R: reds,

@@ -59,7 +59,7 @@ G: greens,

Y: yellows
}, neutrals, {
}, neutrals), {}, {
// named
page: '#FAFBFC',
text: neutrals.N90
}, intent, {
}, intent), {}, {
green,

@@ -71,7 +71,18 @@ red,

const shade = alpha => "rgba(9, 30, 66, ".concat(alpha, ")");
const shade = alpha => `rgba(9, 30, 66, ${alpha})`;
const shadows = ["0px 2px 5px 0px ".concat(shade(0.12)), "0px 5px 10px 0px ".concat(shade(0.12)), "0px 6px 12px -2px ".concat(shade(0.12), ", 0 0 0 1px ").concat(shade(0.08)), "0px 6px 12px -2px ".concat(shade(0.24), ", 0 0 0 1px ").concat(shade(0.08))];
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 = "\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 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.

@@ -78,0 +89,0 @@ const printFontFamily = fontFamily.replace('BlinkMacSystemFont,', '');

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

@@ -10,3 +10,3 @@ "license": "MIT",

"@arch-ui/color-utils": "0.0.2",
"@babel/runtime": "^7.8.4"
"@babel/runtime": "^7.11.2"
},

@@ -13,0 +13,0 @@ "module": "dist/theme.esm.js",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc