react-figma 0.17.1 → 0.18.0

package/.all-contributorsrc

@@ -148,6 +148,24 @@
       "contributions": [
         "doc"
       ]
+    },
+    {
+      "login": "KonstHardy",
+      "name": "Konstantin Popov",
+      "avatar_url": "https://avatars.githubusercontent.com/u/46906648?v=4",
+      "profile": "https://github.com/KonstHardy",
+      "contributions": [
+        "doc"
+      ]
+    },
+    {
+      "login": "Utkarsh299-tech",
+      "name": "Utkarsh Singh",
+      "avatar_url": "https://avatars.githubusercontent.com/u/60184229?v=4",
+      "profile": "https://utkarsh299-tech.github.io/myportfolio/",
+      "contributions": [
+        "doc"
+      ]
     }
   ],
   "contributorsPerLine": 7,

package/README.md

@@ -115,7 +115,7 @@ export const App = () => {
 * [Interactive](examples/interactive)
 * [Data fetching](examples/fetching)
 * [💅 styled-components](examples/styled-components)
-* [PrimerDemo](https://github.com/react-figma/PrimerDemo) - Example of multifplatform UI-kit
+* [PrimerDemo](https://github.com/react-figma/PrimerDemo) - Example of multiplatform UI-kit
 * [Component Variants](examples/component-variants)
 * [MDX](examples/mdx)
 * [Local Styles](examples/local-styles)
@@ -131,7 +131,7 @@ export const App = () => {
 <a href="https://opencollective.com/reactfigma/backer/4/website" target="_blank"><img src="https://opencollective.com/reactfigma/backer/4/avatar.svg"></a>
 <a href="https://opencollective.com/reactfigma/backer/5/website" target="_blank"><img src="https://opencollective.com/reactfigma/backer/5/avatar.svg"></a>
 
-[Become a sponsor](https://opencollective.com/reactfigma#sponsor) and get your logo on our README on Github with a link to your site.
+[Become a sponsor](https://opencollective.com/reactfigma#sponsor) and get your logo on our README on GitHub with a link to your site.
 
 <a href="https://opencollective.com/reactfigma/sponsor/0/website" target="_blank"><img src="https://opencollective.com/reactfigma/sponsor/0/avatar.svg"></a>
 <a href="https://opencollective.com/reactfigma/sponsor/1/website" target="_blank"><img src="https://opencollective.com/reactfigma/sponsor/1/avatar.svg"></a>
@@ -191,6 +191,8 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
   <tr>
     <td align="center"><a href="https://michaelzheng.medium.com/"><img src="https://avatars.githubusercontent.com/u/7504237?v=4?s=100" width="100px;" alt=""/><br /><sub><b>不吃猫的鱼</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=n0ruSh" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/kant"><img src="https://avatars.githubusercontent.com/u/32717?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Darío Hereñú</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=kant" title="Documentation">📖</a></td>
+    <td align="center"><a href="https://github.com/KonstHardy"><img src="https://avatars.githubusercontent.com/u/46906648?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Konstantin Popov</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=KonstHardy" title="Documentation">📖</a></td>
+    <td align="center"><a href="https://utkarsh299-tech.github.io/myportfolio/"><img src="https://avatars.githubusercontent.com/u/60184229?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Utkarsh Singh</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=Utkarsh299-tech" title="Documentation">📖</a></td>
   </tr>
 </table>
 

package/components/component/createComponent.d.ts

@@ -3,5 +3,5 @@ import { ComponentProps } from './Component';
 import { InstanceProps } from './Instance';
 export declare const createComponent: () => {
     Component: React.FunctionComponent<Pick<ComponentProps, "width" | "height" | "visible" | "opacity" | "blendMode" | "fills" | "backgrounds" | "fillStyleId" | "strokeStyleId" | "strokes" | "strokeWeight" | "strokeAlign" | "strokeCap" | "strokeJoin" | "dashPattern" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "name" | "children" | "layoutMode" | "layoutAlign" | "primaryAxisAlignItems" | "counterAxisAlignItems" | "style" | "cornerRadius" | "cornerSmoothing" | "isMask" | "effects" | "effectStyleId" | "topLeftRadius" | "topRightRadius" | "bottomLeftRadius" | "bottomRightRadius" | "locked" | "constraints" | "pluginData" | "sharedPluginData" | "onNodeId" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "layoutGrow" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave" | "onLayout" | "primaryAxisSizingMode" | "counterAxisSizingMode" | "horizontalPadding" | "verticalPadding" | "itemSpacing" | "clipsContent" | "guides" | "layoutGrids" | "gridStyleId" | "description" | "documentationLinks">>;
-    Instance: React.FunctionComponent<Pick<InstanceProps, "width" | "height" | "visible" | "opacity" | "blendMode" | "backgrounds" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "name" | "children" | "layoutMode" | "layoutAlign" | "primaryAxisAlignItems" | "counterAxisAlignItems" | "style" | "isMask" | "effects" | "effectStyleId" | "locked" | "constraints" | "pluginData" | "sharedPluginData" | "onNodeId" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "layoutGrow" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave" | "onLayout" | "primaryAxisSizingMode" | "counterAxisSizingMode" | "horizontalPadding" | "verticalPadding" | "itemSpacing" | "overrides" | "detach">>;
+    Instance: React.FunctionComponent<Pick<InstanceProps, "width" | "height" | "visible" | "opacity" | "blendMode" | "backgrounds" | "fillStyleId" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "name" | "children" | "layoutMode" | "layoutAlign" | "primaryAxisAlignItems" | "counterAxisAlignItems" | "style" | "isMask" | "effects" | "effectStyleId" | "locked" | "constraints" | "pluginData" | "sharedPluginData" | "onNodeId" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "layoutGrow" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave" | "onLayout" | "primaryAxisSizingMode" | "counterAxisSizingMode" | "horizontalPadding" | "verticalPadding" | "itemSpacing" | "overrides" | "detach">>;
 };

package/contributing.md

@@ -66,4 +66,4 @@ Before commit pre-commit hook will be launched. It runs prettier and linting/tes
 
 ## Publishing new version to NPM
 1. Bump version in `package.json` and `src/renderer.tsx`
-2. Create new release/new tag on Github named `vx.y.z` where `x.y.z` is new version number
+2. Create new release/new tag on GitHub named `vx.y.z` where `x.y.z` is new version number

package/mixins/frameMixin.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var propsAssign_1 = require("../helpers/propsAssign");
-exports.frameMixin = propsAssign_1.propsAssign(['backgrounds'], {
+exports.frameMixin = propsAssign_1.propsAssign(['backgrounds', 'fillStyleId'], {
     backgrounds: []
 });
 //# sourceMappingURL=frameMixin.js.map

package/mixins/frameMixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"frameMixin.js","sourceRoot":"","sources":["../src/mixins/frameMixin.ts"],"names":[],"mappings":";;AAAA,sDAAqD;AAGxC,QAAA,UAAU,GAAG,yBAAW,CAAyB,CAAC,aAAa,CAAC,EAAE;IAC3E,WAAW,EAAE,EAAE;CAClB,CAAC,CAAC"}
+{"version":3,"file":"frameMixin.js","sourceRoot":"","sources":["../src/mixins/frameMixin.ts"],"names":[],"mappings":";;AAAA,sDAAqD;AAGxC,QAAA,UAAU,GAAG,yBAAW,CAAyB,CAAC,aAAa,EAAE,aAAa,CAAC,EAAE;IAC1F,WAAW,EAAE,EAAE;CAClB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-figma",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "description": "Render React components to Figma",
   "scripts": {
     "tsc": "tsc -p tsconfig.json --noEmit",

package/types.d.ts

@@ -47,6 +47,7 @@ export interface GeometryProps {
 }
 export interface FrameProps {
     backgrounds?: ReadonlyArray<Paint>;
+    fillStyleId?: string | symbol;
 }
 export interface CornerProps {
     cornerRadius?: number | symbol;