react-figma 0.29.0 → 0.31.0

package/.all-contributorsrc

@@ -229,6 +229,15 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "carlostpg",
+      "name": "Carlos",
+      "avatar_url": "https://avatars.githubusercontent.com/u/124635572?v=4",
+      "profile": "https://github.com/carlostpg",
+      "contributions": [
+        "doc"
+      ]
     }
   ],
   "contributorsPerLine": 7,

package/README.md

@@ -113,6 +113,7 @@ export const App = () => {
   + [Basic + HMR](examples/basic-hmr)
 * [Design system](examples/design-system)
 * [Interactive](examples/interactive)
+* [UI](examples/ui) - Interact with a Plugin UI
 * [Data fetching](examples/fetching)
 * [💅 styled-components](examples/styled-components)
 * [PrimerDemo](https://github.com/react-figma/PrimerDemo) - Example of multiplatform UI-kit
@@ -203,6 +204,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
       <td align="center" valign="top" width="14.28%"><a href="https://jv-la.com"><img src="https://avatars.githubusercontent.com/u/1788455?v=4?s=100" width="100px;" alt="Jack Oliver"/><br /><sub><b>Jack Oliver</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=jackoliver" title="Documentation">📖</a></td>
       <td align="center" valign="top" width="14.28%"><a href="http://marc-abramowitz.com"><img src="https://avatars.githubusercontent.com/u/305268?v=4?s=100" width="100px;" alt="Marc Abramowitz"/><br /><sub><b>Marc Abramowitz</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=msabramo" title="Documentation">📖</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/fishtriangle"><img src="https://avatars.githubusercontent.com/u/66234622?v=4?s=100" width="100px;" alt="fishtriangle"/><br /><sub><b>fishtriangle</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=fishtriangle" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/carlostpg"><img src="https://avatars.githubusercontent.com/u/124635572?v=4?s=100" width="100px;" alt="Carlos"/><br /><sub><b>Carlos</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=carlostpg" title="Documentation">📖</a></td>
     </tr>
   </tbody>
 </table>

package/mixins/layoutMixin.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="plugin-typings" />
 import { LayoutProps } from '../types';
-export declare const layoutMixin: (node: (LayoutMixin & DocumentNode) | (LayoutMixin & PageNode) | (LayoutMixin & SliceNode) | (LayoutMixin & FrameNode) | (LayoutMixin & GroupNode) | (LayoutMixin & ComponentSetNode) | (LayoutMixin & ComponentNode) | (LayoutMixin & InstanceNode) | (LayoutMixin & BooleanOperationNode) | (LayoutMixin & VectorNode) | (LayoutMixin & StarNode) | (LayoutMixin & LineNode) | (LayoutMixin & EllipseNode) | (LayoutMixin & PolygonNode) | (LayoutMixin & RectangleNode) | (LayoutMixin & TextNode)) => (props: LayoutProps & {
+export declare const layoutMixin: (node: (LayoutMixin & DocumentNode) | (LayoutMixin & PageNode) | (LayoutMixin & SliceNode) | (LayoutMixin & FrameNode) | (LayoutMixin & GroupNode) | (LayoutMixin & ComponentSetNode) | (LayoutMixin & ComponentNode) | (LayoutMixin & InstanceNode) | (LayoutMixin & BooleanOperationNode) | (LayoutMixin & VectorNode) | (LayoutMixin & StarNode) | (LayoutMixin & LineNode) | (LayoutMixin & EllipseNode) | (LayoutMixin & PolygonNode) | (LayoutMixin & RectangleNode) | (LayoutMixin & TextNode) | (LayoutMixin & StickyNode) | (LayoutMixin & ConnectorNode) | (LayoutMixin & ShapeWithTextNode) | (LayoutMixin & CodeBlockNode) | (LayoutMixin & StampNode) | (LayoutMixin & WidgetNode) | (LayoutMixin & EmbedNode) | (LayoutMixin & LinkUnfurlNode) | (LayoutMixin & MediaNode) | (LayoutMixin & SectionNode) | (LayoutMixin & HighlightNode) | (LayoutMixin & WashiTapeNode) | (LayoutMixin & TableNode)) => (props: LayoutProps & {
     preventResizing?: boolean;
 }) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-figma",
-  "version": "0.29.0",
+  "version": "0.31.0",
   "description": "Render React components to Figma",
   "scripts": {
     "tsc": "tsc -p tsconfig.json --noEmit",
@@ -34,10 +34,10 @@
     "figma-plugins"
   ],
   "engines": {
-    "node": ">=10.0.0 <17.0.0"
+    "node": ">=10.0.0 <22.0.0"
   },
   "devDependencies": {
-    "@figma/plugin-typings": "1.24",
+    "@figma/plugin-typings": "1.64.0",
     "@types/jest": "^24.0.18",
     "@types/node": "^12.7.8",
     "@types/react": "^16.9.4",

package/styleTransformers/transformShadowToEffect.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="plugin-typings" />
 import { BlendStyleProperties } from './transformBlendProperties';
-export declare const transformShadowToEffect: (styles: Partial<BlendStyleProperties>) => ShadowEffect[];
+export declare const transformShadowToEffect: (styles: Partial<BlendStyleProperties>) => Effect[];

package/types.d.ts

@@ -37,7 +37,7 @@ export interface ChildrenProps {
 export interface GeometryProps {
     fills?: ReadonlyArray<Paint> | symbol;
     strokes?: ReadonlyArray<Paint>;
-    strokeWeight?: number;
+    strokeWeight?: number | PluginAPI['mixed'];
     strokeAlign?: 'CENTER' | 'INSIDE' | 'OUTSIDE';
     strokeCap?: StrokeCap | symbol;
     strokeJoin?: StrokeJoin | symbol;