react-interface - npm Package Compare versions

Comparing version 0.9.4-alpha.47 to 0.9.4-alpha.48

es/components/Popper/Popper.js

 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; };
 
-var _templateObject = _taggedTemplateLiteralLoose(['\n  .popper {\n    // width: ', ';\n    z-index: 99;\n    overflow-y: scroll;\n    max-height: ', ';\n    display: ', ';\n    border-color: ', ';\n    ', '\n    ', '\n    ', '\n    ', '\n    ', '\n  }\n\n  .popper .popper__arrow {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    position: absolute;\n    margin: 5px;\n  }\n\n  .popper[data-placement^="top"].has-arrow {\n    margin-bottom: 5px;\n  }\n\n  .popper[data-placement^="top"] .popper__arrow {\n    border-width: 5px 5px 0 5px;\n    border-color: #FFF transparent transparent transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    bottom: -5px;\n    // left: calc(50% - 5px);\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .popper[data-placement^="bottom"].has-arrow {\n    margin-top: 5px;\n  }\n\n  .popper[data-placement^="bottom"] .popper__arrow {\n    border-width: 0 5px 5px 5px;\n    border-color: transparent transparent #FFF transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    top: -5px;\n    // left: calc(50% - 5px);\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .popper[data-placement^="right"].has-arrow {\n    margin-left: 5px;\n  }\n\n  .popper[data-placement^="right"] .popper__arrow {\n    border-width: 5px 5px 5px 0;\n    border-color: transparent #FFF transparent transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    left: -5px;\n    top: calc(50% - 5px);\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .popper[data-placement^="left"].has-arrow {\n    margin-right: 5px;\n  }\n\n  .popper[data-placement^="left"] .popper__arrow {\n    border-width: 5px 0 5px 5px;\n    border-color: transparent transparent transparent #FFF;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    right: -5px;\n    top: calc(50% - 5px);\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .popper[data-x-out-of-boundaries] {\n      display: none;\n  }\n'], ['\n  .popper {\n    // width: ', ';\n    z-index: 99;\n    overflow-y: scroll;\n    max-height: ', ';\n    display: ', ';\n    border-color: ', ';\n    ', '\n    ', '\n    ', '\n    ', '\n    ', '\n  }\n\n  .popper .popper__arrow {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    position: absolute;\n    margin: 5px;\n  }\n\n  .popper[data-placement^="top"].has-arrow {\n    margin-bottom: 5px;\n  }\n\n  .popper[data-placement^="top"] .popper__arrow {\n    border-width: 5px 5px 0 5px;\n    border-color: #FFF transparent transparent transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    bottom: -5px;\n    // left: calc(50% - 5px);\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .popper[data-placement^="bottom"].has-arrow {\n    margin-top: 5px;\n  }\n\n  .popper[data-placement^="bottom"] .popper__arrow {\n    border-width: 0 5px 5px 5px;\n    border-color: transparent transparent #FFF transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    top: -5px;\n    // left: calc(50% - 5px);\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .popper[data-placement^="right"].has-arrow {\n    margin-left: 5px;\n  }\n\n  .popper[data-placement^="right"] .popper__arrow {\n    border-width: 5px 5px 5px 0;\n    border-color: transparent #FFF transparent transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    left: -5px;\n    top: calc(50% - 5px);\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .popper[data-placement^="left"].has-arrow {\n    margin-right: 5px;\n  }\n\n  .popper[data-placement^="left"] .popper__arrow {\n    border-width: 5px 0 5px 5px;\n    border-color: transparent transparent transparent #FFF;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    right: -5px;\n    top: calc(50% - 5px);\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .popper[data-x-out-of-boundaries] {\n      display: none;\n  }\n']);
+var _templateObject = _taggedTemplateLiteralLoose(['\n  .popper {\n    z-index: 99;\n    overflow-y: scroll;\n    max-height: ', ';\n    display: ', ';\n    border-width: ', ';\n    border-style: ', ';\n    border-color: ', ';\n    box-shadow: ', ';\n    ', '\n    ', '\n    ', '\n    ', '\n    ', '\n    ', '\n  }\n\n  .popper .popper__arrow {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    position: absolute;\n    margin: 5px;\n  }\n\n  .popper[data-placement^="top"].has-arrow {\n    margin-bottom: 5px;\n  }\n\n  .popper[data-placement^="top"] .popper__arrow {\n    border-width: 5px 5px 0 5px;\n    border-color: #FFF transparent transparent transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    bottom: -5px;\n    // left: calc(50% - 5px);\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .popper[data-placement^="bottom"].has-arrow {\n    margin-top: 5px;\n  }\n\n  .popper[data-placement^="bottom"] .popper__arrow {\n    border-width: 0 5px 5px 5px;\n    border-color: transparent transparent #FFF transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    top: -5px;\n    // left: calc(50% - 5px);\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .popper[data-placement^="right"].has-arrow {\n    margin-left: 5px;\n  }\n\n  .popper[data-placement^="right"] .popper__arrow {\n    border-width: 5px 5px 5px 0;\n    border-color: transparent #FFF transparent transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    left: -5px;\n    top: calc(50% - 5px);\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .popper[data-placement^="left"].has-arrow {\n    margin-right: 5px;\n  }\n\n  .popper[data-placement^="left"] .popper__arrow {\n    border-width: 5px 0 5px 5px;\n    border-color: transparent transparent transparent #FFF;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    right: -5px;\n    top: calc(50% - 5px);\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .popper[data-x-out-of-boundaries] {\n      display: none;\n  }\n'], ['\n  .popper {\n    z-index: 99;\n    overflow-y: scroll;\n    max-height: ', ';\n    display: ', ';\n    border-width: ', ';\n    border-style: ', ';\n    border-color: ', ';\n    box-shadow: ', ';\n    ', '\n    ', '\n    ', '\n    ', '\n    ', '\n    ', '\n  }\n\n  .popper .popper__arrow {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    position: absolute;\n    margin: 5px;\n  }\n\n  .popper[data-placement^="top"].has-arrow {\n    margin-bottom: 5px;\n  }\n\n  .popper[data-placement^="top"] .popper__arrow {\n    border-width: 5px 5px 0 5px;\n    border-color: #FFF transparent transparent transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    bottom: -5px;\n    // left: calc(50% - 5px);\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .popper[data-placement^="bottom"].has-arrow {\n    margin-top: 5px;\n  }\n\n  .popper[data-placement^="bottom"] .popper__arrow {\n    border-width: 0 5px 5px 5px;\n    border-color: transparent transparent #FFF transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    top: -5px;\n    // left: calc(50% - 5px);\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .popper[data-placement^="right"].has-arrow {\n    margin-left: 5px;\n  }\n\n  .popper[data-placement^="right"] .popper__arrow {\n    border-width: 5px 5px 5px 0;\n    border-color: transparent #FFF transparent transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    left: -5px;\n    top: calc(50% - 5px);\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .popper[data-placement^="left"].has-arrow {\n    margin-right: 5px;\n  }\n\n  .popper[data-placement^="left"] .popper__arrow {\n    border-width: 5px 0 5px 5px;\n    border-color: transparent transparent transparent #FFF;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    right: -5px;\n    top: calc(50% - 5px);\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .popper[data-x-out-of-boundaries] {\n      display: none;\n  }\n']);
 
@@ -19,3 +19,3 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 import styled from 'styled-components';
-import { borders, color, borderColor, boxShadow, space } from 'styled-system';
+import { borders, color, borderColor, boxShadow, space, width } from 'styled-system';
 import resizeDetector from 'element-resize-detector';
@@ -29,4 +29,2 @@ import cx from 'classnames';
 var PopoverWrapper = styled.div(_templateObject, function (props) {
-  return props.width;
-}, function (props) {
   return props.maxHeight;
@@ -36,4 +34,10 @@ }, function (props) {
 }, function (props) {
+  return props.theme['popover.border.width'];
+}, function (props) {
+  return props.theme['popover.border.style'];
+}, function (props) {
   return props.theme['popover.border.color'];
-}, color, borders, borderColor, boxShadow, space);
+}, function (props) {
+  return props.theme['popover.shadow'];
+}, color, borders, borderColor, boxShadow, space, width);
 
@@ -303,6 +307,5 @@ var animations = {
   fullWidth: false,
-  contentStyle: {},
-  border: 1
+  contentStyle: {}
 };
 
 export default Popper;

es/themes/base/index.js

@@ -27,14 +27,16 @@ 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; };
     'popover.border.color': colors.gray[4],
+    'popover.border.style': 'solid',
+    'popover.border.width': '1px',
 
     /* Select */
-    'select.background': colors.background,
-    'select.placeholder.color': colors.background6,
-    'select.border.color': colors.background6,
-    'select.icon.color': colors.background6,
+    'select.background': colors.gray[0],
+    'select.placeholder.color': colors.gray[5],
+    'select.border.color': colors.gray[5],
+    'select.icon.color': colors.gray[5],
 
     /* MultiSelect */
-    'multiselect.background': colors.background,
-    'multiselect.placeholder.color': colors.background6,
-    'multiselect.border.color': colors.background6,
-    'multiselect.icon.color': colors.background6,
+    'multiselect.background': colors.gray[0],
+    'multiselect.placeholder.color': colors.gray[5],
+    'multiselect.border.color': colors.gray[5],
+    'multiselect.icon.color': colors.gray[5],
 
@@ -41,0 +43,0 @@ /* Menus */

lib/components/Popper/Popper.js

@@ -7,3 +7,3 @@ 'use strict';
 
-var _templateObject = _taggedTemplateLiteralLoose(['\n  .popper {\n    // width: ', ';\n    z-index: 99;\n    overflow-y: scroll;\n    max-height: ', ';\n    display: ', ';\n    border-color: ', ';\n    ', '\n    ', '\n    ', '\n    ', '\n    ', '\n  }\n\n  .popper .popper__arrow {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    position: absolute;\n    margin: 5px;\n  }\n\n  .popper[data-placement^="top"].has-arrow {\n    margin-bottom: 5px;\n  }\n\n  .popper[data-placement^="top"] .popper__arrow {\n    border-width: 5px 5px 0 5px;\n    border-color: #FFF transparent transparent transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    bottom: -5px;\n    // left: calc(50% - 5px);\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .popper[data-placement^="bottom"].has-arrow {\n    margin-top: 5px;\n  }\n\n  .popper[data-placement^="bottom"] .popper__arrow {\n    border-width: 0 5px 5px 5px;\n    border-color: transparent transparent #FFF transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    top: -5px;\n    // left: calc(50% - 5px);\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .popper[data-placement^="right"].has-arrow {\n    margin-left: 5px;\n  }\n\n  .popper[data-placement^="right"] .popper__arrow {\n    border-width: 5px 5px 5px 0;\n    border-color: transparent #FFF transparent transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    left: -5px;\n    top: calc(50% - 5px);\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .popper[data-placement^="left"].has-arrow {\n    margin-right: 5px;\n  }\n\n  .popper[data-placement^="left"] .popper__arrow {\n    border-width: 5px 0 5px 5px;\n    border-color: transparent transparent transparent #FFF;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    right: -5px;\n    top: calc(50% - 5px);\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .popper[data-x-out-of-boundaries] {\n      display: none;\n  }\n'], ['\n  .popper {\n    // width: ', ';\n    z-index: 99;\n    overflow-y: scroll;\n    max-height: ', ';\n    display: ', ';\n    border-color: ', ';\n    ', '\n    ', '\n    ', '\n    ', '\n    ', '\n  }\n\n  .popper .popper__arrow {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    position: absolute;\n    margin: 5px;\n  }\n\n  .popper[data-placement^="top"].has-arrow {\n    margin-bottom: 5px;\n  }\n\n  .popper[data-placement^="top"] .popper__arrow {\n    border-width: 5px 5px 0 5px;\n    border-color: #FFF transparent transparent transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    bottom: -5px;\n    // left: calc(50% - 5px);\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .popper[data-placement^="bottom"].has-arrow {\n    margin-top: 5px;\n  }\n\n  .popper[data-placement^="bottom"] .popper__arrow {\n    border-width: 0 5px 5px 5px;\n    border-color: transparent transparent #FFF transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    top: -5px;\n    // left: calc(50% - 5px);\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .popper[data-placement^="right"].has-arrow {\n    margin-left: 5px;\n  }\n\n  .popper[data-placement^="right"] .popper__arrow {\n    border-width: 5px 5px 5px 0;\n    border-color: transparent #FFF transparent transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    left: -5px;\n    top: calc(50% - 5px);\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .popper[data-placement^="left"].has-arrow {\n    margin-right: 5px;\n  }\n\n  .popper[data-placement^="left"] .popper__arrow {\n    border-width: 5px 0 5px 5px;\n    border-color: transparent transparent transparent #FFF;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    right: -5px;\n    top: calc(50% - 5px);\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .popper[data-x-out-of-boundaries] {\n      display: none;\n  }\n']);
+var _templateObject = _taggedTemplateLiteralLoose(['\n  .popper {\n    z-index: 99;\n    overflow-y: scroll;\n    max-height: ', ';\n    display: ', ';\n    border-width: ', ';\n    border-style: ', ';\n    border-color: ', ';\n    box-shadow: ', ';\n    ', '\n    ', '\n    ', '\n    ', '\n    ', '\n    ', '\n  }\n\n  .popper .popper__arrow {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    position: absolute;\n    margin: 5px;\n  }\n\n  .popper[data-placement^="top"].has-arrow {\n    margin-bottom: 5px;\n  }\n\n  .popper[data-placement^="top"] .popper__arrow {\n    border-width: 5px 5px 0 5px;\n    border-color: #FFF transparent transparent transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    bottom: -5px;\n    // left: calc(50% - 5px);\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .popper[data-placement^="bottom"].has-arrow {\n    margin-top: 5px;\n  }\n\n  .popper[data-placement^="bottom"] .popper__arrow {\n    border-width: 0 5px 5px 5px;\n    border-color: transparent transparent #FFF transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    top: -5px;\n    // left: calc(50% - 5px);\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .popper[data-placement^="right"].has-arrow {\n    margin-left: 5px;\n  }\n\n  .popper[data-placement^="right"] .popper__arrow {\n    border-width: 5px 5px 5px 0;\n    border-color: transparent #FFF transparent transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    left: -5px;\n    top: calc(50% - 5px);\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .popper[data-placement^="left"].has-arrow {\n    margin-right: 5px;\n  }\n\n  .popper[data-placement^="left"] .popper__arrow {\n    border-width: 5px 0 5px 5px;\n    border-color: transparent transparent transparent #FFF;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    right: -5px;\n    top: calc(50% - 5px);\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .popper[data-x-out-of-boundaries] {\n      display: none;\n  }\n'], ['\n  .popper {\n    z-index: 99;\n    overflow-y: scroll;\n    max-height: ', ';\n    display: ', ';\n    border-width: ', ';\n    border-style: ', ';\n    border-color: ', ';\n    box-shadow: ', ';\n    ', '\n    ', '\n    ', '\n    ', '\n    ', '\n    ', '\n  }\n\n  .popper .popper__arrow {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    position: absolute;\n    margin: 5px;\n  }\n\n  .popper[data-placement^="top"].has-arrow {\n    margin-bottom: 5px;\n  }\n\n  .popper[data-placement^="top"] .popper__arrow {\n    border-width: 5px 5px 0 5px;\n    border-color: #FFF transparent transparent transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    bottom: -5px;\n    // left: calc(50% - 5px);\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .popper[data-placement^="bottom"].has-arrow {\n    margin-top: 5px;\n  }\n\n  .popper[data-placement^="bottom"] .popper__arrow {\n    border-width: 0 5px 5px 5px;\n    border-color: transparent transparent #FFF transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    top: -5px;\n    // left: calc(50% - 5px);\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .popper[data-placement^="right"].has-arrow {\n    margin-left: 5px;\n  }\n\n  .popper[data-placement^="right"] .popper__arrow {\n    border-width: 5px 5px 5px 0;\n    border-color: transparent #FFF transparent transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    left: -5px;\n    top: calc(50% - 5px);\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .popper[data-placement^="left"].has-arrow {\n    margin-right: 5px;\n  }\n\n  .popper[data-placement^="left"] .popper__arrow {\n    border-width: 5px 0 5px 5px;\n    border-color: transparent transparent transparent #FFF;\n    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;\n    right: -5px;\n    top: calc(50% - 5px);\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .popper[data-x-out-of-boundaries] {\n      display: none;\n  }\n']);
 
@@ -59,4 +59,2 @@ var _react = require('react');
 var PopoverWrapper = _styledComponents2.default.div(_templateObject, function (props) {
-  return props.width;
-}, function (props) {
   return props.maxHeight;
@@ -66,4 +64,10 @@ }, function (props) {
 }, function (props) {
+  return props.theme['popover.border.width'];
+}, function (props) {
+  return props.theme['popover.border.style'];
+}, function (props) {
   return props.theme['popover.border.color'];
-}, _styledSystem.color, _styledSystem.borders, _styledSystem.borderColor, _styledSystem.boxShadow, _styledSystem.space);
+}, function (props) {
+  return props.theme['popover.shadow'];
+}, _styledSystem.color, _styledSystem.borders, _styledSystem.borderColor, _styledSystem.boxShadow, _styledSystem.space, _styledSystem.width);
 
@@ -333,4 +337,3 @@ var animations = {
   fullWidth: false,
-  contentStyle: {},
-  border: 1
+  contentStyle: {}
 };
@@ -337,0 +340,0 @@

lib/themes/base/index.js

@@ -40,14 +40,16 @@ 'use strict';
     'popover.border.color': _colors2.default.gray[4],
+    'popover.border.style': 'solid',
+    'popover.border.width': '1px',
 
     /* Select */
-    'select.background': _colors2.default.background,
-    'select.placeholder.color': _colors2.default.background6,
-    'select.border.color': _colors2.default.background6,
-    'select.icon.color': _colors2.default.background6,
+    'select.background': _colors2.default.gray[0],
+    'select.placeholder.color': _colors2.default.gray[5],
+    'select.border.color': _colors2.default.gray[5],
+    'select.icon.color': _colors2.default.gray[5],
 
     /* MultiSelect */
-    'multiselect.background': _colors2.default.background,
-    'multiselect.placeholder.color': _colors2.default.background6,
-    'multiselect.border.color': _colors2.default.background6,
-    'multiselect.icon.color': _colors2.default.background6,
+    'multiselect.background': _colors2.default.gray[0],
+    'multiselect.placeholder.color': _colors2.default.gray[5],
+    'multiselect.border.color': _colors2.default.gray[5],
+    'multiselect.icon.color': _colors2.default.gray[5],
 
@@ -54,0 +56,0 @@ /* Menus */

package.json

 {
   "name": "react-interface",
-  "version": "0.9.4-alpha.47",
+  "version": "0.9.4-alpha.48",
   "description": "react-interface React component",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

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

259796

increased by0.25%

Lines of code

5368

increased by0.19%

No dependency changes