react-figma
Advanced tools
Comparing version 0.0.46 to 0.0.47
import * as React from 'react'; | ||
import { DefaultContainerProps, SelectionEventProps, StyleOf } from '../../types'; | ||
import { AutoLayoutProps, DefaultContainerProps, SelectionEventProps, StyleOf } from '../../types'; | ||
import { LayoutStyleProperties } from '../../styleTransformers/transformLayoutStyleProperties'; | ||
import { BlendStyleProperties } from '../../styleTransformers/transformBlendProperties'; | ||
import { YogaStyleProperties } from '../../yoga/YogaStyleProperties'; | ||
export interface ComponentProps extends DefaultContainerProps, SelectionEventProps { | ||
export interface ComponentProps extends DefaultContainerProps, SelectionEventProps, AutoLayoutProps { | ||
style?: StyleOf<YogaStyleProperties & LayoutStyleProperties & BlendStyleProperties>; | ||
@@ -8,0 +8,0 @@ nodeRef?: any; |
@@ -5,4 +5,4 @@ import * as React from 'react'; | ||
export declare const createComponent: () => { | ||
Component: React.FunctionComponent<Pick<ComponentProps, "width" | "height" | "opacity" | "blendMode" | "backgrounds" | "children" | "style" | "isMask" | "effects" | "effectStyleId" | "name" | "pluginData" | "sharedPluginData" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave">>; | ||
Instance: React.FunctionComponent<Pick<InstanceProps, "width" | "height" | "opacity" | "blendMode" | "backgrounds" | "children" | "style" | "isMask" | "effects" | "effectStyleId" | "name" | "pluginData" | "sharedPluginData" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave" | "overrides">>; | ||
Component: React.FunctionComponent<Pick<ComponentProps, "width" | "height" | "opacity" | "blendMode" | "backgrounds" | "children" | "style" | "isMask" | "effects" | "effectStyleId" | "name" | "pluginData" | "sharedPluginData" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave" | "layoutMode" | "counterAxisSizingMode" | "horizontalPadding" | "verticalPadding" | "itemSpacing" | "constraints">>; | ||
Instance: React.FunctionComponent<Pick<InstanceProps, "width" | "height" | "opacity" | "blendMode" | "backgrounds" | "children" | "style" | "isMask" | "effects" | "effectStyleId" | "name" | "pluginData" | "sharedPluginData" | "relativeTransform" | "x" | "y" | "rotation" | "isWithoutConstraints" | "exportSettings" | "exportAsyncSettings" | "exportAsyncCallback" | "onSelectionEnter" | "onSelectionLeave" | "layoutMode" | "counterAxisSizingMode" | "horizontalPadding" | "verticalPadding" | "itemSpacing" | "constraints" | "overrides">>; | ||
}; |
import * as React from 'react'; | ||
import { DefaultContainerProps, SelectionEventProps, StyleOf } from '../../types'; | ||
import { AutoLayoutProps, DefaultContainerProps, SelectionEventProps, StyleOf } from '../../types'; | ||
import { LayoutStyleProperties } from '../../styleTransformers/transformLayoutStyleProperties'; | ||
import { BlendStyleProperties } from '../../styleTransformers/transformBlendProperties'; | ||
import { YogaStyleProperties } from '../../yoga/YogaStyleProperties'; | ||
export interface InstanceProps extends DefaultContainerProps, SelectionEventProps { | ||
export interface InstanceProps extends DefaultContainerProps, SelectionEventProps, AutoLayoutProps { | ||
style?: StyleOf<YogaStyleProperties & LayoutStyleProperties & BlendStyleProperties>; | ||
@@ -8,0 +8,0 @@ overrides?: { |
import * as React from 'react'; | ||
import { DefaultContainerProps, InstanceItemProps, SelectionEventProps, StyleOf } from '../../types'; | ||
import { AutoLayoutProps, DefaultContainerProps, InstanceItemProps, SelectionEventProps, StyleOf } from '../../types'; | ||
import { LayoutStyleProperties } from '../../styleTransformers/transformLayoutStyleProperties'; | ||
@@ -179,3 +179,3 @@ import { BlendStyleProperties } from '../../styleTransformers/transformBlendProperties'; | ||
}; | ||
export interface FrameNodeProps extends DefaultContainerProps, InstanceItemProps, SelectionEventProps { | ||
export interface FrameNodeProps extends DefaultContainerProps, InstanceItemProps, SelectionEventProps, AutoLayoutProps { | ||
style?: StyleOf<GeometryStyleProperties & YogaStyleProperties & LayoutStyleProperties & BlendStyleProperties>; | ||
@@ -182,0 +182,0 @@ preset?: Preset; |
{ | ||
"name": "react-figma", | ||
"version": "0.0.46", | ||
"version": "0.0.47", | ||
"description": "Render React components to Figma", | ||
@@ -5,0 +5,0 @@ "scripts": { |
@@ -9,2 +9,3 @@ "use strict"; | ||
var blendMixin_1 = require("../mixins/blendMixin"); | ||
var autoLayoutMixin_1 = require("../mixins/autoLayoutMixin"); | ||
exports.component = function (node) { return function (props) { | ||
@@ -18,4 +19,5 @@ var componentNode = node || figma.createComponent(); | ||
blendMixin_1.blendMixin(componentNode)(props); | ||
autoLayoutMixin_1.autoLayoutMixin(componentNode)(props); | ||
return componentNode; | ||
}; }; | ||
//# sourceMappingURL=component.js.map |
@@ -10,2 +10,3 @@ "use strict"; | ||
var frameMixin_1 = require("../mixins/frameMixin"); | ||
var autoLayoutMixin_1 = require("../mixins/autoLayoutMixin"); | ||
exports.frame = function (node) { return function (props) { | ||
@@ -19,2 +20,3 @@ var frameNode = node || props.node || figma.createFrame(); | ||
blendMixin_1.blendMixin(frameNode)(props); | ||
autoLayoutMixin_1.autoLayoutMixin(frameNode)(props); | ||
frameMixin_1.frameMixin(frameNode)(props); | ||
@@ -21,0 +23,0 @@ return frameNode; |
@@ -9,2 +9,3 @@ "use strict"; | ||
var blendMixin_1 = require("../mixins/blendMixin"); | ||
var autoLayoutMixin_1 = require("../mixins/autoLayoutMixin"); | ||
exports.instance = function (node) { return function (props) { | ||
@@ -18,4 +19,5 @@ var instanceNode = node || props.component.createInstance(); | ||
blendMixin_1.blendMixin(instanceNode)(props); | ||
autoLayoutMixin_1.autoLayoutMixin(instanceNode)(props); | ||
return instanceNode; | ||
}; }; | ||
//# sourceMappingURL=instance.js.map |
@@ -109,1 +109,9 @@ import * as React from 'react'; | ||
} | ||
export interface AutoLayoutProps { | ||
layoutMode?: 'NONE' | 'HORIZONTAL' | 'VERTICAL'; | ||
counterAxisSizingMode?: 'FIXED' | 'AUTO'; | ||
horizontalPadding?: number; | ||
verticalPadding?: number; | ||
itemSpacing?: number; | ||
constraints?: Constraints; | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
307958
246
4719