@chakra-ui/parser - npm Package Compare versions

Comparing version 1.0.0-next.0 to 1.0.0-next.1

dist/cjs/configs/background.js

@@ -38,3 +38,5 @@ "use strict";
   bgImg: {
-    property: "backgroundImage"
+    property: "backgroundImage",
+    deprecated: true,
+    replacement: "bgImage"
   },
@@ -51,3 +53,5 @@ bgBlendMode: {
   bgPos: {
-    property: "backgroundPosition"
+    property: "backgroundPosition",
+    deprecated: true,
+    replacement: "bgPosition"
   },
@@ -54,0 +58,0 @@ bgRepeat: {

dist/cjs/configs/border.js

@@ -32,2 +32,8 @@ "use strict";
   },
+  rounded: {
+    property: "borderRadius",
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderRadius"
+  },
   borderTop: {
@@ -41,2 +47,8 @@ property: "borderTop",
   },
+  roundedTopLeft: {
+    property: "borderTopLeftRadius",
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderTopLeftRadius"
+  },
   borderTopRightRadius: {
@@ -46,2 +58,8 @@ property: "borderTopRightRadius",
   },
+  roundedTopRight: {
+    property: "borderTopRightRadius",
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderTopRightRadius"
+  },
   borderRight: {
@@ -59,2 +77,8 @@ property: "borderRight",
   },
+  roundedBottomLeft: {
+    property: "borderBottomLeftRadius",
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderBottomLeftRadius"
+  },
   borderBottomRightRadius: {
@@ -64,2 +88,8 @@ property: "borderBottomRightRadius",
   },
+  roundedBottomRight: {
+    property: "borderBottomRightRadius",
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderBottomRightRadius"
+  },
   borderLeft: {
@@ -129,2 +159,8 @@ property: "borderLeft",
   },
+  roundedTop: {
+    properties: ["borderTopLeftRadius", "borderTopRightRadius"],
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderTopRadius"
+  },
   borderBottomRadius: {
@@ -134,2 +170,8 @@ properties: ["borderBottomLeftRadius", "borderBottomRightRadius"],
   },
+  roundedBottom: {
+    properties: ["borderBottomLeftRadius", "borderBottomRightRadius"],
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderBottomRadius"
+  },
   borderLeftRadius: {
@@ -139,5 +181,17 @@ properties: ["borderTopLeftRadius", "borderBottomLeftRadius"],
   },
+  roundedLeft: {
+    properties: ["borderTopLeftRadius", "borderBottomLeftRadius"],
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderLeftRadius"
+  },
   borderRightRadius: {
     properties: ["borderTopRightRadius", "borderBottomRightRadius"],
     scale: "radii"
+  },
+  roundedRight: {
+    properties: ["borderTopRightRadius", "borderBottomRightRadius"],
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderRightRadius"
   }
@@ -144,0 +198,0 @@ };

dist/cjs/configs/others.js

@@ -28,3 +28,13 @@ "use strict";
   listStylePosition: true,
-  listStyleImage: true
+  listStylePos: {
+    property: "listStylePosition",
+    deprecated: true,
+    replacement: "listStylePosition"
+  },
+  listStyleImage: true,
+  listStyleImg: {
+    property: "listStyleImage",
+    deprecated: true,
+    replacement: "listStyleImage"
+  }
 };
@@ -31,0 +41,0 @@ var others = (0, _createParser.createParser)(config);

dist/cjs/configs/shadow.js

@@ -19,3 +19,5 @@ "use strict";
     property: "boxShadow",
-    scale: "shadows"
+    scale: "shadows",
+    deprecated: true,
+    replacement: "boxShadow"
   }
@@ -22,0 +24,0 @@ };

dist/cjs/configs/typography.js

@@ -36,5 +36,3 @@ "use strict";
   whiteSpace: true,
-  textDecoration: {
-    property: "textDecoration"
-  },
+  textDecoration: true,
   textDecor: {
@@ -41,0 +39,0 @@ property: "textDecoration"

dist/cjs/create-parser.js

@@ -50,2 +50,6 @@ "use strict";
       var config = _config[prop];
+      (0, _utils.warn)({
+        condition: config.deprecated,
+        message: prop + " is deprecated. Kindly use " + config.replacement + " instead"
+      });
       /**
@@ -52,0 +56,0 @@ * Apply each prop's config to get the generate style object.

dist/cjs/utils/transform-config.js

@@ -8,2 +8,6 @@ "use strict";
 
+function _extends() { _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; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 /**
@@ -43,3 +47,4 @@ * Transform an object of style props config to it's raw values.
         transform = propConfig.transform,
-        fallbackScale = propConfig.fallbackScale;
+        fallbackScale = propConfig.fallbackScale,
+        rest = _objectWithoutPropertiesLoose(propConfig, ["property", "properties", "scale", "transform", "fallbackScale"]);
 
@@ -49,5 +54,5 @@ var _scale = scale && (0, _utils.get)(theme, scale, fallbackScale);
     if (property) {
-      result[prop] = {
+      result[prop] = _extends({
         property: property
-      };
+      }, rest);
 
@@ -67,5 +72,5 @@ if (transform) {
       result[prop] = properties.map(function (property) {
-        var mapResult = {
+        var mapResult = _extends({
           property: property
-        };
+        }, rest);
 
@@ -72,0 +77,0 @@ if (transform) {

dist/esm/configs/background.js

@@ -33,3 +33,5 @@ import { createParser } from "../create-parser";
   bgImg: {
-    property: "backgroundImage"
+    property: "backgroundImage",
+    deprecated: true,
+    replacement: "bgImage"
   },
@@ -46,3 +48,5 @@ bgBlendMode: {
   bgPos: {
-    property: "backgroundPosition"
+    property: "backgroundPosition",
+    deprecated: true,
+    replacement: "bgPosition"
   },
@@ -49,0 +53,0 @@ bgRepeat: {

dist/esm/configs/border.js

@@ -27,2 +27,8 @@ import { createParser } from "../create-parser";
   },
+  rounded: {
+    property: "borderRadius",
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderRadius"
+  },
   borderTop: {
@@ -36,2 +42,8 @@ property: "borderTop",
   },
+  roundedTopLeft: {
+    property: "borderTopLeftRadius",
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderTopLeftRadius"
+  },
   borderTopRightRadius: {
@@ -41,2 +53,8 @@ property: "borderTopRightRadius",
   },
+  roundedTopRight: {
+    property: "borderTopRightRadius",
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderTopRightRadius"
+  },
   borderRight: {
@@ -54,2 +72,8 @@ property: "borderRight",
   },
+  roundedBottomLeft: {
+    property: "borderBottomLeftRadius",
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderBottomLeftRadius"
+  },
   borderBottomRightRadius: {
@@ -59,2 +83,8 @@ property: "borderBottomRightRadius",
   },
+  roundedBottomRight: {
+    property: "borderBottomRightRadius",
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderBottomRightRadius"
+  },
   borderLeft: {
@@ -124,2 +154,8 @@ property: "borderLeft",
   },
+  roundedTop: {
+    properties: ["borderTopLeftRadius", "borderTopRightRadius"],
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderTopRadius"
+  },
   borderBottomRadius: {
@@ -129,2 +165,8 @@ properties: ["borderBottomLeftRadius", "borderBottomRightRadius"],
   },
+  roundedBottom: {
+    properties: ["borderBottomLeftRadius", "borderBottomRightRadius"],
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderBottomRadius"
+  },
   borderLeftRadius: {
@@ -134,5 +176,17 @@ properties: ["borderTopLeftRadius", "borderBottomLeftRadius"],
   },
+  roundedLeft: {
+    properties: ["borderTopLeftRadius", "borderBottomLeftRadius"],
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderLeftRadius"
+  },
   borderRightRadius: {
     properties: ["borderTopRightRadius", "borderBottomRightRadius"],
     scale: "radii"
+  },
+  roundedRight: {
+    properties: ["borderTopRightRadius", "borderBottomRightRadius"],
+    scale: "radii",
+    deprecated: true,
+    replacement: "borderRightRadius"
   }
@@ -139,0 +193,0 @@ };

dist/esm/configs/others.js

@@ -22,5 +22,15 @@ import { createParser } from "../create-parser";
   listStylePosition: true,
-  listStyleImage: true
+  listStylePos: {
+    property: "listStylePosition",
+    deprecated: true,
+    replacement: "listStylePosition"
+  },
+  listStyleImage: true,
+  listStyleImg: {
+    property: "listStyleImage",
+    deprecated: true,
+    replacement: "listStyleImage"
+  }
 };
 export var others = createParser(config);
 //# sourceMappingURL=others.js.map

dist/esm/configs/shadow.js

@@ -13,3 +13,5 @@ import { createParser } from "../create-parser";
     property: "boxShadow",
-    scale: "shadows"
+    scale: "shadows",
+    deprecated: true,
+    replacement: "boxShadow"
   }
@@ -16,0 +18,0 @@ };

dist/esm/configs/typography.js

@@ -30,5 +30,3 @@ import { createParser } from "../create-parser";
   whiteSpace: true,
-  textDecoration: {
-    property: "textDecoration"
-  },
+  textDecoration: true,
   textDecor: {
@@ -35,0 +33,0 @@ property: "textDecoration"

dist/esm/create-parser.js

 function _extends() { _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; }; return _extends.apply(this, arguments); }
 
-import { isArray, runIfFn, get } from "@chakra-ui/utils";
+import { isArray, runIfFn, get, warn } from "@chakra-ui/utils";
 import { createProcessor } from "./create-processor";
@@ -41,2 +41,6 @@ import { transformConfig } from "./utils";
       var config = _config[prop];
+      warn({
+        condition: config.deprecated,
+        message: prop + " is deprecated. Kindly use " + config.replacement + " instead"
+      });
       /**
@@ -43,0 +47,0 @@ * Apply each prop's config to get the generate style object.

dist/esm/utils/transform-config.js

@@ -0,1 +1,5 @@
+function _extends() { _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; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import { get, objectKeys } from "@chakra-ui/utils";
@@ -39,3 +43,4 @@
       fallbackScale
-    } = propConfig;
+    } = propConfig,
+        rest = _objectWithoutPropertiesLoose(propConfig, ["property", "properties", "scale", "transform", "fallbackScale"]);
 
@@ -45,5 +50,5 @@ var _scale = scale && get(theme, scale, fallbackScale);
     if (property) {
-      result[prop] = {
+      result[prop] = _extends({
         property
-      };
+      }, rest);
 
@@ -63,5 +68,5 @@ if (transform) {
       result[prop] = properties.map(property => {
-        var mapResult = {
+        var mapResult = _extends({
           property
-        };
+        }, rest);
 
@@ -68,0 +73,0 @@ if (transform) {

dist/types/configs/border.d.ts

@@ -28,2 +28,7 @@ import * as CSS from "csstype";
     /**
+     * The CSS `border-radius` property
+     * @deprecated
+     */
+    rounded?: ResponsiveValue<CSS.BorderRadiusProperty<Length>>;
+    /**
      * The CSS `border-top` property
@@ -97,2 +102,7 @@ */
     /**
+     * The CSS `border-top-radius` property
+     * @deprecated
+     */
+    roundedTop?: ResponsiveValue<CSS.BorderRadiusProperty<Length>>;
+    /**
      * The CSS `border-right-radius` property
@@ -102,2 +112,7 @@ */
     /**
+     * The CSS `border-right-radius` property
+     * @deprecated
+     */
+    roundedRight?: ResponsiveValue<CSS.BorderRadiusProperty<Length>>;
+    /**
      * The CSS `border-bottom-radius` property
@@ -107,2 +122,7 @@ */
     /**
+     * The CSS `border-bottom-radius` property
+     * @deprecated
+     */
+    roundedBottom?: ResponsiveValue<CSS.BorderRadiusProperty<Length>>;
+    /**
      * The CSS `border-left-radius` property
@@ -112,2 +132,7 @@ */
     /**
+     * The CSS `border-left-radius` property
+     * @deprecated
+     */
+    roundedLeft?: ResponsiveValue<CSS.BorderRadiusProperty<Length>>;
+    /**
      * The CSS `border-top-left-radius` property
@@ -117,2 +142,7 @@ */
     /**
+     * The CSS `border-top-left-radius` property
+     * @deprecated
+     */
+    roundedTopLeft?: ResponsiveValue<CSS.BorderRadiusProperty<Length>>;
+    /**
      * The CSS `border-top-right-radius` property
@@ -122,2 +152,7 @@ */
     /**
+     * The CSS `border-top-right-radius` property
+     * @deprecated
+     */
+    roundedTopRight?: ResponsiveValue<CSS.BorderRadiusProperty<Length>>;
+    /**
      * The CSS `border-bottom-left-radius` property
@@ -127,2 +162,7 @@ */
     /**
+     * The CSS `border-bottom-left-radius` property
+     * @deprecated
+     */
+    roundedBottomLeft?: ResponsiveValue<CSS.BorderRadiusProperty<Length>>;
+    /**
      * The CSS `border-bottom-right-radius` property
@@ -132,2 +172,7 @@ */
     /**
+     * The CSS `border-bottom-right-radius` property
+     * @deprecated
+     */
+    roundedBottomRight?: ResponsiveValue<CSS.BorderRadiusProperty<Length>>;
+    /**
      * The CSS `border-right` and `border-left` property
@@ -134,0 +179,0 @@ */

dist/types/configs/others.d.ts

@@ -81,5 +81,15 @@ import * as CSS from "csstype";
     /**
+     * The CSS `list-style-position` property
+     * @deprecated
+     */
+    listStylePos?: ResponsiveValue<CSS.ListStylePositionProperty>;
+    /**
      * The CSS `list-style-image` property
      */
     listStyleImage?: ResponsiveValue<CSS.ListStyleImageProperty>;
+    /**
+     * The CSS `list-style-image` property
+     * @deprecated
+     */
+    listStyleImg?: ResponsiveValue<CSS.ListStyleImageProperty>;
 }
@@ -86,0 +96,0 @@ export declare const others: {

dist/types/configs/typography.d.ts

@@ -69,6 +69,4 @@ import * as CSS from "csstype";
     config: Config;
-    propNames: string[]; /**
-     * The CSS `text-overflow` property
-     */
+    propNames: string[];
 };
 //# sourceMappingURL=typography.d.ts.map

dist/types/utils/transform-config.d.ts

@@ -28,2 +28,11 @@ import { Dict } from "@chakra-ui/utils";
     transform?: (value: any, scale: Scale, props: any) => any;
+    /**
+     * Whether this prop is deprecated
+     */
+    deprecated?: boolean;
+    /**
+     * If `deprecated` is `true`, what prop should it be replaced with
+     * PS: This is used in the `console.warn` message
+     */
+    replacement?: string;
 }
@@ -30,0 +39,0 @@ export declare type Config = {

package.json

 {
   "name": "@chakra-ui/parser",
-  "version": "1.0.0-next.0",
+  "version": "1.0.0-next.1",
   "description": "Style function for css-in-js building component libraries",
@@ -52,3 +52,3 @@ "keywords": [
   "dependencies": {
-    "@chakra-ui/utils": "^1.0.0-next.0",
+    "@chakra-ui/utils": "^1.0.0-next.1",
     "csstype": "2.6.9"
@@ -59,3 +59,3 @@ },
   },
-  "gitHead": "ce6fe489afaddba502a2611f1fb1dcedb991325b"
+  "gitHead": "cabbf345518d70d446bf95410872f1a0c947ccd5"
 }

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

361722

increased by6.62%

Number of package files

190

increased by0.53%

Lines of code

4458

increased by5.09%

Dependency changes

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