td-stylekit - npm Package Compare versions

Comparing version 0.5.3 to 0.6.0

dist/es/Box/Box.js

@@ -161,3 +161,2 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 })({
-  boxSizing: 'border-box',
   display: 'flex',
@@ -164,0 +163,0 @@ margin: 0,

dist/es/Button/Button.js

@@ -36,3 +36,2 @@ var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
     border: '0 solid black',
-    boxSizing: 'border-box',
     cursor: 'pointer',
@@ -51,3 +50,2 @@ display: 'inline-flex',
     verticalAlign: 'middle',
-    WebkitFontSmoothing: 'antialiased',
     whiteSpace: 'nowrap',
@@ -54,0 +52,0 @@ ':disabled, [disabled]': {

dist/es/mixins/index.js

 export { default as border } from './border';
-export { default as spacing } from './spacing';
+export { default as spacing } from './spacing';
+export { default as color } from './color';

dist/es/Overlay/Overlay.js

@@ -33,4 +33,6 @@ import React from 'react';
   header: PropTypes.node,
+  /** css object for the header close button */
+  closeCss: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
   /** css object for the header */
-  headerCss: PropTypes.object,
+  headerCss: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
   /** html id attribute */
@@ -46,2 +48,3 @@ id: PropTypes.string,
       headerCss = _ref2.headerCss,
+      closeCss = _ref2.closeCss,
       header = _ref2.header,
@@ -56,3 +59,3 @@ id = _ref2.id,
       OverlayHeader,
-      { headerCss: headerCss, onHide: onHide },
+      { headerCss: headerCss, closeCss: closeCss, onHide: onHide },
       header
@@ -59,0 +62,0 @@ ),

dist/es/Overlay/OverlayHeader.js

@@ -69,3 +69,4 @@ import React from 'react';
 OverlayHeader.propTypes = {
-  headerCss: PropTypes.object,
+  closeCss: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
+  headerCss: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
   onHide: PropTypes.func.isRequired,
@@ -76,3 +77,4 @@ children: PropTypes.node
 export default function OverlayHeader(_ref5) {
-  var headerCss = _ref5.headerCss,
+  var closeCss = _ref5.closeCss,
+      headerCss = _ref5.headerCss,
       onHide = _ref5.onHide,
@@ -91,3 +93,3 @@ children = _ref5.children;
       CloseButton,
-      { id: TREASURE_MENU_CLOSE_ID, onClick: onHide },
+      { css: closeCss, id: TREASURE_MENU_CLOSE_ID, onClick: onHide },
       React.createElement(CloseIcon, null)
@@ -94,0 +96,0 @@ )

dist/es/Paragraph/Paragraph.js

 import React from 'react';
 import PropTypes from 'prop-types';
 import glamorous from 'glamorous';
+import { color } from '../mixins';
 
@@ -11,12 +12,13 @@ var StyledParagraph = glamorous('p', {
       strong = _ref.strong,
-      theme = _ref.theme;
+      theme = _ref.theme,
+      first = _ref.first,
+      last = _ref.last;
   return {
-    color: secondary ? theme.color.LightSecondary : theme.color.LightPrimary,
     fontFamily: theme.fontFamily.body,
     fontSize: theme.fontSize[size],
     fontWeight: strong ? 600 : 'normal',
-    marginBottom: theme.space[4],
-    marginTop: theme.space[4]
+    marginBottom: !last && theme.space[4],
+    marginTop: !first && theme.space[4]
   };
-});
+}, color);
 
@@ -27,5 +29,7 @@ var Paragraph = function Paragraph(props) {
 
-Paragraph.propTypes = {
-  /** Use theme secondary color */
-  secondary: PropTypes.bool,
+Paragraph.propTypes = Object.assign({}, color.propTypes, {
+  /** Remove top margin */
+  first: PropTypes.bool,
+  /** Remove bottom margin */
+  last: PropTypes.bool,
   /** Font-size index from theme */
@@ -35,6 +39,5 @@ size: PropTypes.oneOf(['0', '1', '2', '3', '4']),
   strong: PropTypes.bool
-};
+});
 
 Paragraph.defaultProps = {
-  secondary: false,
   size: '2',
@@ -41,0 +44,0 @@ strong: false

dist/es/Text/Text.js

 function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
 
 import glamorous, { Span } from 'glamorous';
-import { border, spacing } from '../mixins';
+import { border, color, spacing } from '../mixins';
 
 var Text = glamorous(Span, {
   displayName: 'Text',
-  filterProps: [].concat(_toConsumableArray(border.props), _toConsumableArray(spacing.props))
+  filterProps: [].concat(_toConsumableArray(border.props), _toConsumableArray(color.props), _toConsumableArray(spacing.props))
 })(
-// default styles
-function (_ref) {
-  var theme = _ref.theme;
-  return {
-    color: theme.color.LightPrimary,
-    fontFamily: theme.fontFamily.body,
-    textRendering: 'optimizeLegibility',
-    WebkitFontSmoothing: 'antialiased'
-  };
-},
 // mixins
-border, spacing);
+border, color, spacing);
 
+Text.propTypes = Object.assign({}, border.propTypes, color.propTypes, spacing.propTypes);
+
 export default Text;

dist/es/ThemeProvider/ThemeProvider.js

 import React from 'react';
 import PropTypes from 'prop-types';
 import { ThemeProvider as GlamorousThemeProvider } from 'glamorous';
+import resetCSS from '../utils/resetcss';
+import globalCSS from '../utils/globalcss';
 
@@ -71,2 +73,4 @@ export var theme = {
 
+  resetCSS();
+  globalCSS(customTheme);
   return React.createElement(
@@ -73,0 +77,0 @@ GlamorousThemeProvider,

dist/es/Toggle/Toggle.js

@@ -17,3 +17,2 @@ var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
   return {
-    boxSizing: 'border-box',
     border: theme.borderWidth[2] + ' solid transparent',
@@ -60,3 +59,2 @@ borderColor: theme.color.LightDivider,
   return {
-    boxSizing: 'border-box',
     border: theme.borderWidth[2] + ' solid transparent',
@@ -63,0 +61,0 @@ borderColor: theme.color.LightDivider,

package.json

 {
   "name": "td-stylekit",
-  "version": "0.5.3",
+  "version": "0.6.0",
   "main": "dist/es/index.js",
@@ -5,0 +5,0 @@ "module": "dist/es/index.js",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

401902

increased by3.32%

Number of package files

46

increased by6.98%

Lines of code

1766

increased by4.62%

Worsened metrics

Number of low supply chain risk alerts

4

increased by100%

No dependency changes