mdlz-prmtz - npm Package Compare versions

Comparing version 0.0.21 to 0.0.22

dist/components/Grid.d.ts

 /// <reference types="react" />
-import { AlignContentProps, AlignItemsProps, GridSetProps, MarginProps, PaddingProps } from '@modulz/radix-system';
-export declare type GridProps = React.ComponentPropsWithRef<'div'> & AlignContentProps & AlignItemsProps & GridSetProps & MarginProps & PaddingProps & {
+import { AlignContentProps, AlignItemsProps, JustifyContentProps, JustifyItemsProps, GridSetProps, MarginProps, PaddingProps } from '@modulz/radix-system';
+export declare type GridProps = React.ComponentPropsWithRef<'div'> & AlignContentProps & AlignItemsProps & JustifyContentProps & JustifyItemsProps & GridSetProps & MarginProps & PaddingProps & {
     css?: any;
 };
 export declare const Grid: import("styled-components").StyledComponent<"div", any, GridProps, never>;

dist/index.es.js

 import React from 'react';
 import styled from 'styled-components';
-import { compose, margin, backgroundColor, system, border, borderRadius, boxShadow, textColor, display, height, justifySelf, maxHeight, maxWidth, minHeight, minWidth, opacity, overflow, padding, textAlign, width, positionSet, flexItemSet, alignSelf, flex, flexContainerSet, alignContent, alignItems, gridSet, fontStyle, fontWeight, lineHeight, fontSize, fontFamily } from '@modulz/radix-system';
+import { compose, margin, backgroundColor, system, border, borderRadius, boxShadow, textColor, display, height, justifySelf, maxHeight, maxWidth, minHeight, minWidth, opacity, overflow, padding, textAlign, width, positionSet, flexItemSet, alignSelf, flex, flexContainerSet, alignContent, alignItems, justifyContent, justifyItems, gridSet, fontStyle, fontWeight, lineHeight, fontSize, fontFamily } from '@modulz/radix-system';
 import css from '@styled-system/css';
@@ -43,4 +43,6 @@ import { animated, useTransition, useChain } from 'react-spring';
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
@@ -196,5 +198,5 @@ }
     var overlayTransitionRef = React.useRef(null);
-    var overlayTransitions = useTransition(isOpen, null, __assign({}, getOverlayAnimationConfig(isOpen), { ref: overlayTransitionRef }));
+    var overlayTransitions = useTransition(isOpen, null, __assign(__assign({}, getOverlayAnimationConfig(isOpen)), { ref: overlayTransitionRef }));
     var contentTransitionRef = React.useRef(null);
-    var contentTransitions = useTransition(isOpen, null, __assign({}, getContentAnimationConfig(isOpen), { ref: contentTransitionRef }));
+    var contentTransitions = useTransition(isOpen, null, __assign(__assign({}, getContentAnimationConfig(isOpen)), { ref: contentTransitionRef }));
     useChain(isOpen
@@ -266,3 +268,3 @@ ? // NOTE: This is currently a limitation of react-spring
 
-var styleProps$6 = compose(alignContent, alignItems, gridSet, margin, padding);
+var styleProps$6 = compose(alignContent, alignItems, justifyContent, justifyItems, gridSet, margin, padding);
 var Grid = styled('div')({ display: 'grid' }, function (props) { return props.css; }, styleProps$6);
@@ -276,3 +278,3 @@
         return props[prop].reduce(function (acc, next) {
-            acc = __assign({}, acc, (typeof next === 'function' ? next(props) : next));
+            acc = __assign(__assign({}, acc), (typeof next === 'function' ? next(props) : next));
             return acc;
@@ -307,5 +309,5 @@ }, {});
     },
-    '&::-webkit-input-placeholder': __assign({}, placeholderStyle, getCss('placeholderCss')(props)),
-    '&::-moz-placeholder': __assign({}, placeholderStyle, getCss('placeholderCss')(props)),
-    '&:-ms-input-placeholder': __assign({}, placeholderStyle, getCss('placeholderCss')(props)),
+    '&::-webkit-input-placeholder': __assign(__assign({}, placeholderStyle), getCss('placeholderCss')(props)),
+    '&::-moz-placeholder': __assign(__assign({}, placeholderStyle), getCss('placeholderCss')(props)),
+    '&:-ms-input-placeholder': __assign(__assign({}, placeholderStyle), getCss('placeholderCss')(props)),
 }); }, function (props) { return props.css; }, styleProps$8);
@@ -810,3 +812,3 @@
                 React.createElement("div", { style: popperStyles },
-                    React.createElement(animated.div, { style: __assign({}, transformOriginStyles, animatedStyles) },
+                    React.createElement(animated.div, { style: __assign(__assign({}, transformOriginStyles), animatedStyles) },
                         React.createElement("div", { ref: popoverRef }, children),
@@ -888,4 +890,4 @@ React.createElement("span", { style: arrowStyles }, arrow ? (React.cloneElement(
     },
-    '&::-webkit-slider-thumb': __assign({}, thumbStyle, getCss('thumbCss')(props)),
-    '&::-moz-range-thumb': __assign({}, thumbStyle, getCss('thumbCss')(props)),
+    '&::-webkit-slider-thumb': __assign(__assign({}, thumbStyle), getCss('thumbCss')(props)),
+    '&::-moz-range-thumb': __assign(__assign({}, thumbStyle), getCss('thumbCss')(props)),
     '&:hover': {
@@ -1272,4 +1274,4 @@ cursor: 'pointer',
             return isOpen && (React.createElement(Portal, { key: key },
-                React.createElement("div", { style: __assign({}, popperStyles, { zIndex: 99999, pointerEvents: 'none' }) },
-                    React.createElement(animated.div, { style: __assign({}, transformOriginStyles, animatedStyles) },
+                React.createElement("div", { style: __assign(__assign({}, popperStyles), { zIndex: 99999, pointerEvents: 'none' }) },
+                    React.createElement(animated.div, { style: __assign(__assign({}, transformOriginStyles), animatedStyles) },
                         React.createElement("div", { ref: popperRef },
@@ -1276,0 +1278,0 @@ React.createElement(Content, { css: css }, label)),

dist/index.js

@@ -49,4 +49,6 @@ 'use strict';
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
@@ -202,5 +204,5 @@ }
     var overlayTransitionRef = React.useRef(null);
-    var overlayTransitions = reactSpring.useTransition(isOpen, null, __assign({}, getOverlayAnimationConfig(isOpen), { ref: overlayTransitionRef }));
+    var overlayTransitions = reactSpring.useTransition(isOpen, null, __assign(__assign({}, getOverlayAnimationConfig(isOpen)), { ref: overlayTransitionRef }));
     var contentTransitionRef = React.useRef(null);
-    var contentTransitions = reactSpring.useTransition(isOpen, null, __assign({}, getContentAnimationConfig(isOpen), { ref: contentTransitionRef }));
+    var contentTransitions = reactSpring.useTransition(isOpen, null, __assign(__assign({}, getContentAnimationConfig(isOpen)), { ref: contentTransitionRef }));
     reactSpring.useChain(isOpen
@@ -272,3 +274,3 @@ ? // NOTE: This is currently a limitation of react-spring
 
-var styleProps$6 = radixSystem.compose(radixSystem.alignContent, radixSystem.alignItems, radixSystem.gridSet, radixSystem.margin, radixSystem.padding);
+var styleProps$6 = radixSystem.compose(radixSystem.alignContent, radixSystem.alignItems, radixSystem.justifyContent, radixSystem.justifyItems, radixSystem.gridSet, radixSystem.margin, radixSystem.padding);
 var Grid = styled('div')({ display: 'grid' }, function (props) { return props.css; }, styleProps$6);
@@ -282,3 +284,3 @@
         return props[prop].reduce(function (acc, next) {
-            acc = __assign({}, acc, (typeof next === 'function' ? next(props) : next));
+            acc = __assign(__assign({}, acc), (typeof next === 'function' ? next(props) : next));
             return acc;
@@ -313,5 +315,5 @@ }, {});
     },
-    '&::-webkit-input-placeholder': __assign({}, placeholderStyle, getCss('placeholderCss')(props)),
-    '&::-moz-placeholder': __assign({}, placeholderStyle, getCss('placeholderCss')(props)),
-    '&:-ms-input-placeholder': __assign({}, placeholderStyle, getCss('placeholderCss')(props)),
+    '&::-webkit-input-placeholder': __assign(__assign({}, placeholderStyle), getCss('placeholderCss')(props)),
+    '&::-moz-placeholder': __assign(__assign({}, placeholderStyle), getCss('placeholderCss')(props)),
+    '&:-ms-input-placeholder': __assign(__assign({}, placeholderStyle), getCss('placeholderCss')(props)),
 }); }, function (props) { return props.css; }, styleProps$8);
@@ -816,3 +818,3 @@
                 React.createElement("div", { style: popperStyles },
-                    React.createElement(reactSpring.animated.div, { style: __assign({}, transformOriginStyles, animatedStyles) },
+                    React.createElement(reactSpring.animated.div, { style: __assign(__assign({}, transformOriginStyles), animatedStyles) },
                         React.createElement("div", { ref: popoverRef }, children),
@@ -894,4 +896,4 @@ React.createElement("span", { style: arrowStyles }, arrow ? (React.cloneElement(
     },
-    '&::-webkit-slider-thumb': __assign({}, thumbStyle, getCss('thumbCss')(props)),
-    '&::-moz-range-thumb': __assign({}, thumbStyle, getCss('thumbCss')(props)),
+    '&::-webkit-slider-thumb': __assign(__assign({}, thumbStyle), getCss('thumbCss')(props)),
+    '&::-moz-range-thumb': __assign(__assign({}, thumbStyle), getCss('thumbCss')(props)),
     '&:hover': {
@@ -1278,4 +1280,4 @@ cursor: 'pointer',
             return isOpen && (React.createElement(Portal, { key: key },
-                React.createElement("div", { style: __assign({}, popperStyles, { zIndex: 99999, pointerEvents: 'none' }) },
-                    React.createElement(reactSpring.animated.div, { style: __assign({}, transformOriginStyles, animatedStyles) },
+                React.createElement("div", { style: __assign(__assign({}, popperStyles), { zIndex: 99999, pointerEvents: 'none' }) },
+                    React.createElement(reactSpring.animated.div, { style: __assign(__assign({}, transformOriginStyles), animatedStyles) },
                         React.createElement("div", { ref: popperRef },
@@ -1282,0 +1284,0 @@ React.createElement(Content, { css: css }, label)),

package.json

 {
   "name": "mdlz-prmtz",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "Accessible and customisable primitives for the web",
@@ -25,14 +25,14 @@ "author": "Pedro Duarte <[e-mail]>",
   "peerDependencies": {
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "styled-components": "^4.3.2"
   },
   "dependencies": {
-    "@modulz/radix-icons": "^0.8.0",
-    "@modulz/radix-system": "^0.0.1-alpha.6",
-    "@styled-system/css": "5.0.17",
-    "@styled-system/theme-get": "^5.0.18",
+    "@modulz/radix-icons": "^0.8.2",
+    "@modulz/radix-system": "^0.0.1-alpha.9",
+    "@styled-system/css": "5.0.23",
+    "@styled-system/theme-get": "^5.1.2",
     "lodash.omit": "^4.5.0",
     "lodash.pick": "^4.4.0",
-    "react-focus-on": "^3.0.6",
+    "react-focus-on": "^3.1.0",
     "react-spring": "^8.0.27",
@@ -42,37 +42,37 @@ "resize-observer-polyfill": "^1.5.1"
   "devDependencies": {
-    "@babel/core": "^7.4.5",
-    "@storybook/addon-options": "5.2.0-beta.25",
-    "@storybook/addons": "5.2.0-beta.25",
-    "@storybook/react": "5.2.0-beta.25",
-    "@testing-library/jest-dom": "^4.0.0",
-    "@testing-library/react": "^8.0.4",
-    "@types/jest": "^24.0.15",
-    "@types/node": "^12.0.10",
-    "@types/react": "^16.8.22",
-    "@types/react-dom": "^16.8.4",
+    "@babel/core": "^7.6.0",
+    "@storybook/addon-options": "5.2.0-rc.11",
+    "@storybook/addons": "5.2.0-rc.11",
+    "@storybook/react": "5.2.0-rc.11",
+    "@testing-library/jest-dom": "^4.1.0",
+    "@testing-library/react": "^9.1.4",
+    "@types/jest": "^24.0.18",
+    "@types/node": "^12.7.5",
+    "@types/react": "^16.9.2",
+    "@types/react-dom": "^16.9.0",
     "@types/storybook__react": "^4.0.2",
     "@types/styled-components": "^4.1.18",
-    "@typescript-eslint/eslint-plugin": "^1.11.0",
-    "@typescript-eslint/parser": "^1.11.0",
-    "babel-eslint": "10.0.2",
+    "@typescript-eslint/eslint-plugin": "^2.2.0",
+    "@typescript-eslint/parser": "^2.2.0",
+    "babel-eslint": "10.0.3",
     "babel-loader": "8.0.6",
     "csstype": "^2.6.6",
-    "eslint": "5.16.0",
-    "eslint-config-react-app": "^4.0.1",
-    "eslint-plugin-flowtype": "3.11.1",
-    "eslint-plugin-import": "2.18.0",
+    "eslint": "6.3.0",
+    "eslint-config-react-app": "^5.0.1",
+    "eslint-plugin-flowtype": "4.3.0",
+    "eslint-plugin-import": "2.18.2",
     "eslint-plugin-jsx-a11y": "6.2.3",
-    "eslint-plugin-react": "7.14.2",
-    "eslint-plugin-react-hooks": "1.6.1",
-    "jest": "^24.8.0",
-    "lint-staged": "^9.0.0",
-    "np": "^5.0.1",
+    "eslint-plugin-react": "7.14.3",
+    "eslint-plugin-react-hooks": "2.0.1",
+    "jest": "^24.9.0",
+    "lint-staged": "^9.2.5",
+    "np": "^5.0.3",
     "prettier": "^1.18.2",
-    "rollup": "^1.16.3",
-    "rollup-plugin-execute": "^1.1.0",
-    "rollup-plugin-typescript2": "^0.21.2",
+    "rollup": "^1.21.2",
+    "rollup-plugin-execute": "^1.1.1",
+    "rollup-plugin-typescript2": "^0.24.2",
     "styled-components": "^4.3.2",
-    "ts-jest": "^24.0.2",
-    "typescript": "3.5.2",
-    "yalc": "^1.0.0-pre.32"
+    "ts-jest": "^24.1.0",
+    "typescript": "3.6.3",
+    "yalc": "^1.0.0-pre.34"
   },
@@ -79,0 +79,0 @@ "lint-staged": {

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

163266

increased by0.35%

Lines of code

3162

increased by0.13%

Dependency changes

• + Added@styled-system/css@5.0.23(transitive)

• - Removed@styled-system/css@5.0.17(transitive)

• Updated@modulz/radix-icons@^0.8.2

• Updated@modulz/radix-system@^0.0.1-alpha.9

• Updated@styled-system/css@5.0.23

• Updated@styled-system/theme-get@^5.1.2

• Updatedreact-focus-on@^3.1.0