react-figma - npm Package Compare versions

Comparing version 0.3.2 to 0.4.0

components/frame/Frame.js

@@ -36,2 +36,3 @@ "use strict";
 var useImageHash_1 = require("../../hooks/useImageHash");
+var useInheritStyle_1 = require("../../hooks/useInheritStyle");
 exports.FRAME_PRESETS = {
@@ -213,5 +214,6 @@ iPhoneX: {
     useOnLayoutHandler_1.useOnLayoutHandler(yogaChildProps, props);
-    return React.createElement("frame", __assign({}, frameProps, yogaChildProps, { innerRef: nodeRef }));
+    return (React.createElement(useInheritStyle_1.InheritStyleProvider, { style: style },
+        React.createElement("frame", __assign({}, frameProps, yogaChildProps, { innerRef: nodeRef }))));
 };
 exports.Frame = Frame;
 //# sourceMappingURL=Frame.js.map

components/page/Page.js

@@ -30,2 +30,3 @@ "use strict";
 var useOnLayoutHandler_1 = require("../../hooks/useOnLayoutHandler");
+var useInheritStyle_1 = require("../../hooks/useInheritStyle");
 exports.useCurrentPageChange = function (nodeRef, callback, _isCurrent) {
@@ -50,5 +51,6 @@ React.useEffect(function () {
     useOnLayoutHandler_1.useOnLayoutHandler(yogaChildProps, props);
-    return React.createElement("page", __assign({}, otherProps, yogaChildProps, { innerRef: nodeRef }));
+    return (React.createElement(useInheritStyle_1.InheritStyleProvider, { style: props.style },
+        React.createElement("page", __assign({}, otherProps, yogaChildProps, { innerRef: nodeRef }))));
 };
 exports.Page = Page;
 //# sourceMappingURL=Page.js.map

components/text/Text.js

@@ -25,2 +25,3 @@ "use strict";
 var useOnLayoutHandler_1 = require("../../hooks/useOnLayoutHandler");
+var useInheritStyle_1 = require("../../hooks/useInheritStyle");
 var normalizeTextNodeChidren = function (children) {
@@ -32,3 +33,4 @@ return Array.isArray(children) ? children.join('') : children;
     useSelectionChange_1.useSelectionChange(nodeRef, props);
-    var style = __assign({}, __1.StyleSheet.flatten(props.style), transformAutoLayoutToYoga_1.transformAutoLayoutToYoga(props));
+    var inheritedStyle = useInheritStyle_1.useInheritStyle();
+    var style = __assign({}, (process.env.REACT_FIGMA_STYLE_INHERITANCE_ENABLED ? inheritedStyle : {}), __1.StyleSheet.flatten(props.style), transformAutoLayoutToYoga_1.transformAutoLayoutToYoga(props));
     var children = normalizeTextNodeChidren(props.children);
@@ -35,0 +37,0 @@ var charactersByChildren = useTextChildren_1.useTextChildren(nodeRef);

package.json

 {
   "name": "react-figma",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "description": "Render React components to Figma",
@@ -5,0 +5,0 @@ "scripts": {

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

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

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

357188

increased by1.25%

Number of package files

290

increased by1.05%

Lines of code

5032

increased by1.27%

Worsened metrics

Number of low supply chain risk alerts

5

increased by150%

No dependency changes