Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-interface

Package Overview
Dependencies
Maintainers
1
Versions
135
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-interface - npm Package Compare versions

Comparing version 0.8.25 to 0.8.26

es/themes/utils/hue-name.js

8

es/Theme.js

@@ -12,3 +12,3 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

import merge from 'deepmerge';
import palx from 'palx';
import palx from './themes/utils/palx';
import base from './themes/base';

@@ -31,7 +31,9 @@ import { getColorShades, colorListToMap } from './themes/utils/colors';

var primary = color || theme && theme.colors && theme.colors.primary;
if (color) {
var primary = getColorShades(color, 'primary');
var primaryPalette = getColorShades(color, 'primary');
// Merge theme and primary color palette
theme = merge(theme, {
colors: _extends({}, primary, colorListToMap(palx(color)))
colors: _extends({}, primaryPalette, colorListToMap(palx(color)))
});

@@ -38,0 +40,0 @@ }

@@ -11,3 +11,2 @@

background: '#FFF'
};

@@ -5,3 +5,2 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

// and jxnblk: https://github.com/jxnblk/monochrome/blob/master/src/palette.js
// import Color from 'color'
import chroma from 'chroma-js';

@@ -23,3 +22,3 @@

// Output source color.
for (var i = 1, steps = steps; i < steps; i++) {
for (var i = 0, steps = steps; i < steps; i++) {
var point = i / steps;

@@ -26,0 +25,0 @@ // Convert point to numbering system value.

@@ -21,3 +21,3 @@ 'use strict';

var _palx = require('palx');
var _palx = require('./themes/utils/palx');

@@ -52,7 +52,9 @@ var _palx2 = _interopRequireDefault(_palx);

var primary = color || theme && theme.colors && theme.colors.primary;
if (color) {
var primary = (0, _colors.getColorShades)(color, 'primary');
var primaryPalette = (0, _colors.getColorShades)(color, 'primary');
// Merge theme and primary color palette
theme = (0, _deepmerge2.default)(theme, {
colors: _extends({}, primary, (0, _colors.colorListToMap)((0, _palx2.default)(color)))
colors: _extends({}, primaryPalette, (0, _colors.colorListToMap)((0, _palx2.default)(color)))
});

@@ -59,0 +61,0 @@ }

@@ -12,4 +12,3 @@ 'use strict';

background: '#FFF'
};
module.exports = exports['default'];

@@ -7,3 +7,2 @@ 'use strict';

// and jxnblk: https://github.com/jxnblk/monochrome/blob/master/src/palette.js
// import Color from 'color'

@@ -35,3 +34,3 @@

// Output source color.
for (var i = 1, steps = steps; i < steps; i++) {
for (var i = 0, steps = steps; i < steps; i++) {
var point = i / steps;

@@ -38,0 +37,0 @@ // Convert point to numbering system value.

{
"name": "react-interface",
"version": "0.8.25",
"version": "0.8.26",
"description": "react-interface React component",

@@ -25,3 +25,2 @@ "main": "lib/index.js",

"grid-styled": "^2.0.0-11",
"palx": "^1.0.2",
"react-feather": "^1.0.8",

@@ -28,0 +27,0 @@ "react-onclickoutside": "^6.7.1",

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