@chakra-ui/styled-system - npm Package Compare versions

Comparing version 1.0.0-next.6 to 1.0.0-next.7

CHANGELOG.md

@@ -6,2 +6,21 @@ # Change Log
 
+# [1.0.0-next.7](https://github.com/chakra-ui/chakra-ui/compare/@chakra-ui/styled-system@1.0.0-next.6...@chakra-ui/styled-system@1.0.0-next.7) (2020-07-26)
+
+### Bug Fixes
+
+- types issue with styled system core
+  ([fc8b8d8](https://github.com/chakra-ui/chakra-ui/commit/fc8b8d8c0daba140da959303df59230304d34f8a))
+- undefined issue in styled utilies
+  ([42502d1](https://github.com/chakra-ui/chakra-ui/commit/42502d1f689f34fe672893104dc85d378e08a55a))
+
+### Reverts
+
+- breakpoint handling
+  ([f3ee5f1](https://github.com/chakra-ui/chakra-ui/commit/f3ee5f15c48da242c4d4d43de0dc67ff7664c81e))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # [1.0.0-next.6](https://github.com/chakra-ui/chakra-ui/compare/@chakra-ui/styled-system@1.0.0-next.5...@chakra-ui/styled-system@1.0.0-next.6) (2020-07-15)
@@ -8,0 +27,0 @@

dist/cjs/css.js

@@ -12,4 +12,2 @@ "use strict";
 
-var _utils2 = require("./utils");
-
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } it = o[Symbol.iterator](); return it.next.bind(it); }
@@ -27,3 +25,3 @@
   var breakpoints = (_theme$breakpoints = theme == null ? void 0 : theme.breakpoints) != null ? _theme$breakpoints : defaultBreakpoints;
-  return (0, _utils2.normalizeBreakpoints)(breakpoints);
+  return breakpoints;
 }
@@ -30,0 +28,0 @@

dist/cjs/index.js

@@ -7,6 +7,5 @@ "use strict";
   compose: true,
-  normalizeBreakpoints: true,
   ResponsiveValue: true
 };
-exports.ResponsiveValue = exports.normalizeBreakpoints = exports.compose = exports.createParser = void 0;
+exports.ResponsiveValue = exports.compose = exports.createParser = void 0;
 
@@ -68,4 +67,3 @@ var _config = require("./config");
 
-exports.normalizeBreakpoints = _utils.normalizeBreakpoints;
 exports.ResponsiveValue = _utils.ResponsiveValue;
 //# sourceMappingURL=index.js.map

dist/cjs/utils/index.js

@@ -18,9 +18,2 @@ "use strict";
 });
-
-var _breakpoint = require("./breakpoint");
-
-Object.keys(_breakpoint).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  exports[key] = _breakpoint[key];
-});
 //# sourceMappingURL=index.js.map

dist/cjs/utils/positive-or-negative.js

@@ -13,3 +13,3 @@ "use strict";
 function positiveOrNegative(value, scale) {
-  if (!scale) return value;
+  if (!scale || value == null) return value;
   var result;
@@ -16,0 +16,0 @@ var valueString = value.toString();

dist/esm/css.js

 import { get, isArray, isObject, isResponsiveObjectLike, objectToArrayNotation, runIfFn, merge } from "@chakra-ui/utils";
 import { pseudoSelectors } from "./pseudo";
 import { parser } from "./parser";
-import { normalizeBreakpoints } from "./utils";
 var defaultBreakpoints = ["40em", "52em", "64em"];
@@ -11,3 +10,3 @@
   var breakpoints = (_theme$breakpoints = theme == null ? void 0 : theme.breakpoints) != null ? _theme$breakpoints : defaultBreakpoints;
-  return normalizeBreakpoints(breakpoints);
+  return breakpoints;
 }
@@ -14,0 +13,0 @@

dist/esm/index.js

@@ -8,3 +8,3 @@ export * from "./config";
 export * from "./system";
-export { normalizeBreakpoints, ResponsiveValue } from "./utils";
+export { ResponsiveValue } from "./utils";
 //# sourceMappingURL=index.js.map

dist/esm/utils/index.js

 export * from "./positive-or-negative";
 export * from "./types";
-export * from "./breakpoint";
 //# sourceMappingURL=index.js.map

dist/esm/utils/positive-or-negative.js

@@ -6,3 +6,3 @@ import { isString, isNumber } from "@chakra-ui/utils";
 export function positiveOrNegative(value, scale) {
-  if (!scale) return value;
+  if (!scale || value == null) return value;
   var result;
@@ -9,0 +9,0 @@ var valueString = value.toString();

dist/types/config/background.d.ts

@@ -0,1 +1,2 @@
+/// <reference path="../../../src/types.d.ts" />
 import * as CSS from "csstype";
@@ -79,2 +80,1 @@ import { ResponsiveValue, Length } from "../utils";
 export declare const backgroundParser: import("@styled-system/core").styleFn;
-//# sourceMappingURL=background.d.ts.map

dist/types/config/border.d.ts

@@ -0,1 +1,2 @@
+/// <reference path="../../../src/types.d.ts" />
 import * as CSS from "csstype";
@@ -179,2 +180,1 @@ import { ResponsiveValue, Length } from "../utils";
 export declare const borderParser: import("@styled-system/core").styleFn;
-//# sourceMappingURL=border.d.ts.map

dist/types/config/color.d.ts

@@ -0,1 +1,2 @@
+/// <reference path="../../../src/types.d.ts" />
 import * as CSS from "csstype";
@@ -27,2 +28,1 @@ import { ResponsiveValue } from "../utils";
 export declare const colorParser: import("@styled-system/core").styleFn;
-//# sourceMappingURL=color.d.ts.map

dist/types/config/flexbox.d.ts

@@ -0,1 +1,2 @@
+/// <reference path="../../../src/types.d.ts" />
 import * as CSS from "csstype";
@@ -66,2 +67,1 @@ import { ResponsiveValue, Length } from "../utils";
 export declare const flexboxParser: import("@styled-system/core").styleFn;
-//# sourceMappingURL=flexbox.d.ts.map

dist/types/config/grid.d.ts

@@ -0,1 +1,2 @@
+/// <reference path="../../../src/types.d.ts" />
 import * as CSS from "csstype";
@@ -62,2 +63,1 @@ import { Length, ResponsiveValue } from "../utils";
 export declare const gridParser: import("@styled-system/core").styleFn;
-//# sourceMappingURL=grid.d.ts.map

dist/types/config/index.d.ts

@@ -16,2 +16,1 @@ export * from "./background";
 export * from "./transform";
-//# sourceMappingURL=index.d.ts.map

dist/types/config/layout.d.ts

@@ -0,1 +1,2 @@
+/// <reference path="../../../src/types.d.ts" />
 import * as CSS from "csstype";
@@ -90,2 +91,1 @@ import { Length, ResponsiveValue } from "../utils";
 export declare const layoutParser: import("@styled-system/core").styleFn;
-//# sourceMappingURL=layout.d.ts.map

dist/types/config/list.d.ts

@@ -0,1 +1,2 @@
+/// <reference path="../../../src/types.d.ts" />
 import * as CSS from "csstype";
@@ -24,2 +25,1 @@ import { ResponsiveValue } from "../utils";
 export declare const listParser: import("@styled-system/core").styleFn;
-//# sourceMappingURL=list.d.ts.map

dist/types/config/others.d.ts

@@ -0,1 +1,2 @@
+/// <reference path="../../../src/types.d.ts" />
 import * as CSS from "csstype";
@@ -51,2 +52,1 @@ import { Length, ResponsiveValue } from "../utils";
 export declare const othersParser: import("@styled-system/core").styleFn;
-//# sourceMappingURL=others.d.ts.map

dist/types/config/outline.d.ts

@@ -0,1 +1,2 @@
+/// <reference path="../../../src/types.d.ts" />
 import * as CSS from "csstype";
@@ -19,2 +20,1 @@ import { Length, ResponsiveValue } from "../utils";
 export declare const outlineParser: import("@styled-system/core").styleFn;
-//# sourceMappingURL=outline.d.ts.map

dist/types/config/position.d.ts

@@ -0,1 +1,2 @@
+/// <reference path="../../../src/types.d.ts" />
 import * as CSS from "csstype";
@@ -50,2 +51,1 @@ import { ResponsiveValue, Length } from "../utils";
 export declare const positionParser: import("@styled-system/core").styleFn;
-//# sourceMappingURL=position.d.ts.map

dist/types/config/shadow.d.ts

@@ -0,1 +1,2 @@
+/// <reference path="../../../src/types.d.ts" />
 import * as CSS from "csstype";
@@ -22,2 +23,1 @@ import { ResponsiveValue } from "../utils";
 export declare const shadowParser: import("@styled-system/core").styleFn;
-//# sourceMappingURL=shadow.d.ts.map

dist/types/config/space.d.ts

@@ -0,1 +1,2 @@
+/// <reference path="../../../src/types.d.ts" />
 import * as CSS from "csstype";
@@ -131,2 +132,1 @@ import { ResponsiveValue, Length } from "../utils";
 export declare const spaceParser: import("@styled-system/core").styleFn;
-//# sourceMappingURL=space.d.ts.map

dist/types/config/transform.d.ts

@@ -0,1 +1,2 @@
+/// <reference path="../../../src/types.d.ts" />
 import * as CSS from "csstype";
@@ -15,2 +16,1 @@ import { Length, ResponsiveValue } from "../utils";
 export declare const transformParser: import("@styled-system/core").styleFn;
-//# sourceMappingURL=transform.d.ts.map

dist/types/config/transition.d.ts

@@ -0,1 +1,2 @@
+/// <reference path="../../../src/types.d.ts" />
 import * as CSS from "csstype";
@@ -23,2 +24,1 @@ import { ResponsiveValue } from "../utils";
 export declare const transitionParser: import("@styled-system/core").styleFn;
-//# sourceMappingURL=transition.d.ts.map

dist/types/config/typography.d.ts

@@ -0,1 +1,2 @@
+/// <reference path="../../../src/types.d.ts" />
 import * as CSS from "csstype";
@@ -66,2 +67,1 @@ import { ResponsiveValue, Length } from "../utils";
 export declare const typographyParser: import("@styled-system/core").styleFn;
-//# sourceMappingURL=typography.d.ts.map

dist/types/css.d.ts

@@ -8,2 +8,1 @@ import { Dict } from "@chakra-ui/utils";
 export {};
-//# sourceMappingURL=css.d.ts.map

dist/types/css.types.d.ts

@@ -96,2 +96,1 @@ import { ResponsiveValue } from "./utils";
 export {};
-//# sourceMappingURL=css.types.d.ts.map

dist/types/index.d.ts

@@ -8,3 +8,2 @@ export * from "./config";
 export * from "./system";
-export { normalizeBreakpoints, ResponsiveValue } from "./utils";
-//# sourceMappingURL=index.d.ts.map
+export { ResponsiveValue } from "./utils";

dist/types/parser.d.ts

@@ -0,2 +1,2 @@
+/// <reference path="../../src/types.d.ts" />
 export declare const parser: import("@styled-system/core").styleFn;
-//# sourceMappingURL=parser.d.ts.map

dist/types/parser.types.d.ts

@@ -46,2 +46,1 @@ import * as CSS from "csstype";
 export {};
-//# sourceMappingURL=parser.types.d.ts.map

dist/types/pseudo/index.d.ts

 export * from "./pseudo.utils";
 export * from "./pseudo.selector";
 export * from "./pseudo.types";
-//# sourceMappingURL=index.d.ts.map

dist/types/pseudo/pseudo.selector.d.ts

@@ -186,2 +186,1 @@ export declare const pseudoSelectors: {
 export declare const pseudoPropNames: ("_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_indeterminate" | "_groupHover" | "_groupFocus" | "_groupActive" | "_groupDisabled" | "_groupInvalid" | "_groupChecked" | "_placeholder" | "_fullScreen" | "_selection")[];
-//# sourceMappingURL=pseudo.selector.d.ts.map

dist/types/pseudo/pseudo.types.d.ts

@@ -18,2 +18,1 @@ import { Pseudos } from "./pseudo.selector";
 export {};
-//# sourceMappingURL=pseudo.types.d.ts.map

dist/types/pseudo/pseudo.utils.d.ts

 import { Dict } from "@chakra-ui/utils";
 export declare function parsePseudo(props: Dict): Record<string, any>;
-//# sourceMappingURL=pseudo.utils.d.ts.map

dist/types/system.d.ts

@@ -0,4 +1,4 @@
+/// <reference path="../../src/types.d.ts" />
 export declare const systemProps: import("@styled-system/core").styleFn;
 export declare const layoutPropNames: string[] | undefined;
 export declare const propNames: string[];
-//# sourceMappingURL=system.d.ts.map

dist/types/utils/index.d.ts

 export * from "./positive-or-negative";
 export * from "./types";
-export * from "./breakpoint";
-//# sourceMappingURL=index.d.ts.map

dist/types/utils/positive-or-negative.d.ts

 import { StringOrNumber } from "@chakra-ui/utils";
-export declare function positiveOrNegative(value: StringOrNumber, scale: any): any;
-//# sourceMappingURL=positive-or-negative.d.ts.map
+export declare function positiveOrNegative(value: StringOrNumber | undefined, scale: any): any;

dist/types/utils/types.d.ts

@@ -7,2 +7,1 @@ export declare type ResponsiveArray<T> = Array<T | null>;
 export declare type Length = string | 0 | number;
-//# sourceMappingURL=types.d.ts.map

package.json

 {
   "name": "@chakra-ui/styled-system",
-  "version": "1.0.0-next.6",
+  "version": "1.0.0-next.7",
   "description": "Style function for css-in-js building component libraries",
@@ -51,5 +51,4 @@ "keywords": [
   "dependencies": {
-    "@chakra-ui/utils": "^1.0.0-next.6",
+    "@chakra-ui/utils": "^1.0.0-next.7",
     "@styled-system/core": "5.1.2",
-    "@types/styled-system__core": "npm:@peduarte/styled-system__core",
     "csstype": "2.6.9"
@@ -60,3 +59,3 @@ },
   },
-  "gitHead": "72eeca4ba3fc6e7d8845b0d283a03cb6ec384a50"
+  "gitHead": "3dcabd8c7e21b32ae1b61485588f70370c4e626f"
 }

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

Dependency count

4

decreased by-20%

Worsened metrics

Total package byte prevSize

288014

decreased by-10.61%

Number of package files

153

decreased by-16.85%

Lines of code

3701

decreased by-0.94%

Dependency changes

• - Removed@types/styled-system__core@npm:@peduarte/styled-system__core

• - Removed@peduarte/styled-system__core@0.0.1(transitive)

• Updated@chakra-ui/utils@^1.0.0-next.7