@forge/react 1.1.0-next.0 → 1.1.0-next.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @forge/react
 
+## 1.1.0-next.1
+
+### Minor Changes
+
+- c72e774: Initial component export for @forge/react library.
+
 ## 1.1.0-next.0
 
 ### Minor Changes

package/out/__test__/styles.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=styles.test.d.ts.map

package/out/__test__/styles.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.test.d.ts","sourceRoot":"","sources":["../../src/__test__/styles.test.tsx"],"names":[],"mappings":""}

package/out/__test__/styles.test.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const styles_1 = require("../styles");
+describe('StyleSheet', () => {
+    it('should create valid basic styles object', () => {
+        expect(styles_1.StyleSheet.create({
+            container: {
+                backgroundColor: '#fff',
+                backgroundImage: [
+                    styles_1.url('/image.png'),
+                    styles_1.linearGradient('90deg', styles_1.gradientStep('10%', 'red'), styles_1.gradientStep('30%', 'blue'))
+                ],
+                backgroundSize: ['cover', ['50%', '50%']]
+            }
+        })).toEqual({
+            container: {
+                backgroundColor: '#fff',
+                backgroundImage: [
+                    { method: 'url', value: { path: '/image.png' } },
+                    {
+                        method: 'gradient',
+                        value: {
+                            colors: [
+                                { percent: '10%', value: 'red' },
+                                { percent: '30%', value: 'blue' }
+                            ],
+                            degrees: '90deg',
+                            type: 'linear'
+                        }
+                    }
+                ],
+                backgroundSize: ['cover', ['50%', '50%']]
+            }
+        });
+    });
+    it('should create valid composed styles object', () => {
+        expect(styles_1.StyleSheet.create({
+            container: (compose) => compose({
+                backgroundColor: 'red',
+                backgroundImage: styles_1.url('https://example.test/image.png'),
+                backgroundPosition: ['50px', '50px', '50px', '50px'],
+                transform: [
+                    styles_1.translate('10px', '10px', '10px'),
+                    styles_1.scale('2', '2', '2'),
+                    styles_1.rotate('45deg', '45deg', '45deg'),
+                    styles_1.skew('45deg', '45deg')
+                ]
+            }, styles_1.active({
+                backgroundColor: styles_1.rgba(0, 0, 255, 1),
+                backgroundImage: styles_1.radialGradient(styles_1.gradientStep('10%', 'red'), styles_1.gradientStep('30%', 'blue')),
+                backgroundPosition: ['50px', '50px']
+            }), styles_1.hover({
+                backgroundPosition: 'center',
+                backgroundRepeat: 'no-repeat'
+            }), styles_1.focus({
+                backgroundRepeat: ['repeat', 'repeat']
+            }))
+        })).toEqual({
+            container: {
+                __active: {
+                    backgroundColor: { method: 'rgba', value: { a: 1, b: 255, g: 0, r: 0 } },
+                    backgroundImage: {
+                        method: 'gradient',
+                        value: {
+                            colors: [
+                                { percent: '10%', value: 'red' },
+                                { percent: '30%', value: 'blue' }
+                            ],
+                            type: 'radial'
+                        }
+                    },
+                    backgroundPosition: ['50px', '50px']
+                },
+                __focus: { backgroundRepeat: ['repeat', 'repeat'] },
+                __hover: { backgroundPosition: 'center', backgroundRepeat: 'no-repeat' },
+                backgroundColor: 'red',
+                backgroundImage: { method: 'url', value: { path: 'https://example.test/image.png' } },
+                backgroundPosition: ['50px', '50px', '50px', '50px'],
+                transform: [
+                    { method: 'translate', value: { x: '10px', y: '10px', z: '10px' } },
+                    { method: 'scale', value: { x: '2', y: '2', z: '2' } },
+                    { method: 'rotate', value: { x: '45deg', y: '45deg', z: '45deg' } },
+                    { method: 'skew', value: { x: '45deg', y: '45deg' } }
+                ]
+            }
+        });
+    });
+});

package/out/components.d.ts

@@ -0,0 +1,44 @@
+import { BadgeProps, ButtonSetProps, CellProps, CodeProps, DateLozengeProps, ForgeElement, FormProps, FrameProps, HeadProps, HeadingProps, InlineDialogProps, MarkupProps, ModalDialogProps, NativeBoxProps as BoxProps, NativeButtonProps as ButtonProps, NativeCheckboxGroupProps as CheckboxGroupProps, NativeCheckboxProps as CheckboxProps, NativeDatePickerProps as DatePickerProps, NativeImageProps as ImageProps, NativeLinkProps as LinkProps, NativeRadioGroupProps as RadioGroupProps, NativeRangeProps as RangeProps, NativeSelectProps as SelectProps, NativeTextAreaProps as TextAreaProps, NativeTextFieldProps as TextFieldProps, NativeTextProps as TextProps, NativeToggleProps as ToggleProps, NativeUserPickerProps as UserPickerProps, OptionProps, RadioProps, RowProps, SectionMessageProps, StatusLozengeProps, TabProps, TableProps, TabsProps, TagGroupProps, TagProps, TooltipProps, UserGroupProps, UserProps } from './types';
+export declare const Box: (props: BoxProps) => ForgeElement;
+export declare const Button: (props: ButtonProps) => ForgeElement;
+export declare const Checkbox: (props: CheckboxProps) => ForgeElement;
+export declare const CheckboxGroup: (props: CheckboxGroupProps) => ForgeElement;
+export declare const DatePicker: (props: DatePickerProps) => ForgeElement;
+export declare const Form: <T extends Record<string, any>>(props: FormProps<T>) => ForgeElement;
+export declare const Frame: (props: FrameProps) => ForgeElement;
+export declare const Image: (props: ImageProps) => ForgeElement;
+export declare const Link: (props: LinkProps) => ForgeElement;
+export declare const ModalDialog: (props: ModalDialogProps) => ForgeElement;
+export declare const RadioGroup: (props: RadioGroupProps) => ForgeElement;
+export declare const Range: (props: RangeProps) => ForgeElement;
+export declare const Select: (props: SelectProps) => ForgeElement;
+export declare const Text: (props: TextProps) => ForgeElement;
+export declare const TextArea: (props: TextAreaProps) => ForgeElement;
+export declare const TextField: (props: TextFieldProps) => ForgeElement;
+export declare const Toggle: (props: ToggleProps) => ForgeElement;
+export declare const UserPicker: (props: UserPickerProps) => ForgeElement;
+export declare const Badge: (props: BadgeProps) => ForgeElement;
+export declare const ButtonSet: (props: ButtonSetProps) => ForgeElement;
+export declare const Code: (props: CodeProps) => ForgeElement;
+export declare const DateLozenge: (props: DateLozengeProps) => ForgeElement;
+export declare const Heading: (props: HeadingProps) => ForgeElement;
+export declare const InlineDialog: (props: InlineDialogProps) => ForgeElement;
+export declare const Option: (props: OptionProps) => ForgeElement;
+export declare const Radio: (props: RadioProps) => ForgeElement;
+export declare const SectionMessage: (props: SectionMessageProps) => ForgeElement;
+export declare const StatusLozenge: (props: StatusLozengeProps) => ForgeElement;
+export declare const Tooltip: (props: TooltipProps) => ForgeElement;
+export declare const Em: (props: MarkupProps) => ForgeElement;
+export declare const Strike: (props: MarkupProps) => ForgeElement;
+export declare const Strong: (props: MarkupProps) => ForgeElement;
+export declare const Tab: (props: TabProps) => ForgeElement;
+export declare const Tabs: (props: TabsProps) => ForgeElement;
+export declare const Cell: (props: CellProps) => ForgeElement;
+export declare const Head: (props: HeadProps) => ForgeElement;
+export declare const Row: (props: RowProps) => ForgeElement;
+export declare const Table: (props: TableProps) => ForgeElement;
+export declare const Tag: (props: TagProps) => ForgeElement;
+export declare const TagGroup: (props: TagGroupProps) => ForgeElement;
+export declare const User: (props: UserProps) => ForgeElement;
+export declare const UserGroup: (props: UserGroupProps) => ForgeElement;
+//# sourceMappingURL=components.d.ts.map

package/out/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"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"}

package/out/components.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserGroup = exports.User = exports.TagGroup = exports.Tag = exports.Table = exports.Row = exports.Head = exports.Cell = exports.Tabs = exports.Tab = exports.Strong = exports.Strike = exports.Em = exports.Tooltip = exports.StatusLozenge = exports.SectionMessage = exports.Radio = exports.Option = exports.InlineDialog = exports.Heading = exports.DateLozenge = exports.Code = exports.ButtonSet = exports.Badge = exports.UserPicker = exports.Toggle = exports.TextField = exports.TextArea = exports.Text = exports.Select = exports.Range = exports.RadioGroup = exports.ModalDialog = exports.Link = exports.Image = exports.Frame = exports.Form = exports.DatePicker = exports.CheckboxGroup = exports.Checkbox = exports.Button = exports.Box = void 0;
+exports.Box = 'Box';
+exports.Button = 'Button';
+exports.Checkbox = 'Checkbox';
+exports.CheckboxGroup = 'CheckboxGroup';
+exports.DatePicker = 'DatePicker';
+exports.Form = 'Form';
+exports.Frame = 'Frame';
+exports.Image = 'Image';
+exports.Link = 'Link';
+exports.ModalDialog = 'ModalDialog';
+exports.RadioGroup = 'RadioGroup';
+exports.Range = 'Range';
+exports.Select = 'Select';
+exports.Text = 'Text';
+exports.TextArea = 'TextArea';
+exports.TextField = 'TextField';
+exports.Toggle = 'Toggle';
+exports.UserPicker = 'UserPicker';
+exports.Badge = 'Badge';
+exports.ButtonSet = 'ButtonSet';
+exports.Code = 'Code';
+exports.DateLozenge = 'DateLozenge';
+exports.Heading = 'Heading';
+exports.InlineDialog = 'InlineDialog';
+exports.Option = 'Option';
+exports.Radio = 'Radio';
+exports.SectionMessage = 'SectionMessage';
+exports.StatusLozenge = 'StatusLozenge';
+exports.Tooltip = 'Tooltip';
+exports.Em = 'Em';
+exports.Strike = 'Strike';
+exports.Strong = 'Strong';
+exports.Tab = 'Tab';
+exports.Tabs = 'Tabs';
+exports.Cell = 'Cell';
+exports.Head = 'Head';
+exports.Row = 'Row';
+exports.Table = 'Table';
+exports.Tag = 'Tag';
+exports.TagGroup = 'TagGroup';
+exports.User = 'User';
+exports.UserGroup = 'UserGroup';

package/{src/index.ts → out/index.d.ts}

@@ -1,3 +1,4 @@
 export { ForgeReconciler as default } from './reconciler';
-
 export * from './styles';
+export * from './components';
+//# sourceMappingURL=index.d.ts.map

package/out/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAE1D,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC"}

package/out/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+var reconciler_1 = require("./reconciler");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return reconciler_1.ForgeReconciler; } });
+tslib_1.__exportStar(require("./styles"), exports);
+tslib_1.__exportStar(require("./components"), exports);

package/out/reconciler.d.ts

@@ -0,0 +1,5 @@
+export declare const ForgeReconciler: {
+    render: (element: any) => void;
+};
+export default ForgeReconciler;
+//# sourceMappingURL=reconciler.d.ts.map

package/out/reconciler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reconciler.d.ts","sourceRoot":"","sources":["../src/reconciler.ts"],"names":[],"mappings":"AAsMA,eAAO,MAAM,eAAe;sBACR,GAAG,KAAG,IAAI;CAiB7B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/out/reconciler.js

@@ -0,0 +1,143 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForgeReconciler = void 0;
+const tslib_1 = require("tslib");
+const react_reconciler_1 = tslib_1.__importDefault(require("react-reconciler"));
+const constants_1 = require("react-reconciler/constants");
+const uuid_1 = require("uuid");
+const callBridge = self.__bridge.callBridge;
+const createElement = (type, props = {}) => {
+    const { children } = props, restProps = tslib_1.__rest(props, ["children"]);
+    return {
+        type,
+        children: [],
+        props: restProps,
+        key: uuid_1.v4()
+    };
+};
+const appendChild = (parent, child) => {
+    if (parent.children.includes(child)) {
+        const removeIndex = parent.children.indexOf(child);
+        parent.children.splice(removeIndex, 1);
+    }
+    parent.children.push(child);
+};
+const insertBefore = (parent, child, beforeChild) => {
+    const insertIndex = parent.children.indexOf(beforeChild);
+    if (parent.children.includes(child)) {
+        const removeIndex = parent.children.indexOf(child);
+        parent.children.splice(removeIndex, 1);
+    }
+    parent.children.splice(insertIndex, 0, child);
+};
+const hostConfig = {
+    supportsMutation: true,
+    supportsPersistence: false,
+    noTimeout: -1,
+    isPrimaryRenderer: false,
+    supportsHydration: false,
+    resetAfterCommit(forgeDoc) {
+        callBridge('reconcile', { forgeDoc });
+    },
+    createInstance(type, props) {
+        const element = createElement(type, props);
+        return element;
+    },
+    createTextInstance(text) {
+        return {
+            type: 'String',
+            children: [],
+            props: {
+                text
+            },
+            key: uuid_1.v4()
+        };
+    },
+    appendInitialChild(parent, child) {
+        appendChild(parent, child);
+    },
+    appendChild(parent, child) {
+        appendChild(parent, child);
+    },
+    appendChildToContainer(container, child) {
+        appendChild(container, child);
+    },
+    finalizeInitialChildren() {
+        return false;
+    },
+    prepareUpdate(instance, type, oldProps, newProps) {
+        instance.props = newProps;
+        return newProps;
+    },
+    shouldSetTextContent() {
+        return false;
+    },
+    getRootHostContext() {
+        return {};
+    },
+    getChildHostContext(parentContext, fiberType) {
+        return null;
+    },
+    getPublicInstance(instance) {
+        return instance;
+    },
+    prepareForCommit() {
+        return null;
+    },
+    preparePortalMount() { },
+    scheduleTimeout(fn, delay) {
+        return setTimeout(fn, delay);
+    },
+    cancelTimeout(id) {
+        clearTimeout(id);
+    },
+    insertBefore(parent, child, beforeChild) {
+        insertBefore(parent, child, beforeChild);
+    },
+    insertInContainerBefore(container, child, beforeChild) {
+        insertBefore(container, child, beforeChild);
+    },
+    removeChild(parent, child) {
+        const removeIndex = parent.children.indexOf(child);
+        parent.children.splice(removeIndex, 1);
+    },
+    removeChildFromContainer(container, child) {
+        const removeIndex = container.children.indexOf(child);
+        container.children.splice(removeIndex, 1);
+    },
+    resetTextContent() { },
+    commitTextUpdate(textInstance, oldText, newText) {
+        textInstance.props.text = newText;
+    },
+    commitMount() { },
+    commitUpdate() { },
+    hideInstance() { },
+    hideTextInstance() { },
+    unhideInstance() { },
+    unhideTextInstance() { },
+    clearContainer() { },
+    detachDeletedInstance(instance) { },
+    getCurrentEventPriority() {
+        return constants_1.DefaultEventPriority;
+    },
+    getInstanceFromNode() {
+        return null;
+    },
+    beforeActiveInstanceBlur() { },
+    afterActiveInstanceBlur() { },
+    prepareScopeUpdate() { },
+    getInstanceFromScope() {
+        return null;
+    }
+};
+const reconciler = react_reconciler_1.default(hostConfig);
+exports.ForgeReconciler = {
+    render: (element) => {
+        const rootElement = createElement('Root');
+        const container = reconciler.createContainer(rootElement, 0, null, false, null, 'root', (err) => {
+            console.log(err);
+        }, null);
+        reconciler.updateContainer(element, container, null, null);
+    }
+};
+exports.default = exports.ForgeReconciler;

package/out/styles/index.d.ts

@@ -0,0 +1,28 @@
+import { AllowedPrimitives, Definitions, GradientValue, RGBAColorValue, ShadowValue, TransformValue, ColorType, URLValue } from '../types';
+export interface PreDefinitions {
+    [key: string]: AllowedPrimitives | ComposeProvider;
+}
+export declare type Compose = (...primitiveObjects: AllowedPrimitives[]) => AllowedPrimitives;
+export declare type ComposeProvider = (compose: Compose) => AllowedPrimitives;
+export declare const StyleSheet: {
+    create(definitions: PreDefinitions): Definitions;
+};
+export declare const rgba: (r: number, g: number, b: number, a: number) => RGBAColorValue;
+export declare const rgb: (r: number, g: number, b: number) => RGBAColorValue;
+export declare function shadow(offsets: string, color: string | RGBAColorValue): ShadowValue;
+export interface GradientStep {
+    percent: string;
+    value: ColorType;
+}
+export declare function gradientStep(percent: string, value: ColorType): GradientStep;
+export declare function linearGradient(degrees: string, ...steps: GradientStep[]): GradientValue;
+export declare function radialGradient(...steps: GradientStep[]): GradientValue;
+export declare function translate(x?: string, y?: string, z?: string): TransformValue;
+export declare function scale(x?: string, y?: string, z?: string): TransformValue;
+export declare function rotate(x?: string, y?: string, z?: string): TransformValue;
+export declare function skew(x?: string, y?: string): TransformValue;
+export declare function url(path: string): URLValue;
+export declare function focus(primitives: AllowedPrimitives): AllowedPrimitives;
+export declare function hover(primitives: AllowedPrimitives): AllowedPrimitives;
+export declare function active(primitives: AllowedPrimitives): AllowedPrimitives;
+//# sourceMappingURL=index.d.ts.map

package/out/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,cAAc,EACd,WAAW,EACX,cAAc,EACd,SAAS,EACT,QAAQ,EACT,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,cAAc;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB,GAAG,eAAe,CAAC;CACpD;AAED,oBAAY,OAAO,GAAG,CAAC,GAAG,gBAAgB,EAAE,iBAAiB,EAAE,KAAK,iBAAiB,CAAC;AACtF,oBAAY,eAAe,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,iBAAiB,CAAC;AAEtE,eAAO,MAAM,UAAU;wBACD,cAAc,GAAG,WAAW;CAkBjD,CAAC;AAEF,eAAO,MAAM,IAAI,MAAO,MAAM,KAAK,MAAM,KAAK,MAAM,KAAK,MAAM,mBAU9D,CAAC;AAEF,eAAO,MAAM,GAAG,MAAO,MAAM,KAAK,MAAM,KAAK,MAAM,mBASlD,CAAC;AAEF,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,WAAW,CAQnF;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,YAAY,CAK5E;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,YAAY,EAAE,GAAG,aAAa,CASvF;AAED,wBAAgB,cAAc,CAAC,GAAG,KAAK,EAAE,YAAY,EAAE,GAAG,aAAa,CAQtE;AAED,wBAAgB,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,cAAc,CAS5E;AAED,wBAAgB,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,cAAc,CASxE;AAED,wBAAgB,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,cAAc,CASzE;AAED,wBAAgB,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,cAAc,CAQ3D;AAED,wBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,CAO1C;AAED,wBAAgB,KAAK,CAAC,UAAU,EAAE,iBAAiB,GAAG,iBAAiB,CAItE;AAED,wBAAgB,KAAK,CAAC,UAAU,EAAE,iBAAiB,GAAG,iBAAiB,CAItE;AAED,wBAAgB,MAAM,CAAC,UAAU,EAAE,iBAAiB,GAAG,iBAAiB,CAIvE"}

package/out/styles/index.js

@@ -0,0 +1,152 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.active = exports.hover = exports.focus = exports.url = exports.skew = exports.rotate = exports.scale = exports.translate = exports.radialGradient = exports.linearGradient = exports.gradientStep = exports.shadow = exports.rgb = exports.rgba = exports.StyleSheet = void 0;
+exports.StyleSheet = {
+    create(definitions) {
+        const stylesheet = {};
+        for (const key in definitions) {
+            const definition = definitions[key];
+            if (typeof definition === 'function') {
+                const compose = (...primitivesDefinitions) => {
+                    return primitivesDefinitions.reduce((acc, primitives) => {
+                        return Object.assign(Object.assign({}, acc), primitives);
+                    }, {});
+                };
+                stylesheet[key] = definition(compose);
+            }
+            else {
+                stylesheet[key] = definition;
+            }
+        }
+        return stylesheet;
+    }
+};
+exports.rgba = (r, g, b, a) => {
+    return {
+        method: 'rgba',
+        value: {
+            r,
+            g,
+            b,
+            a
+        }
+    };
+};
+exports.rgb = (r, g, b) => {
+    return {
+        method: 'rgb',
+        value: {
+            r,
+            g,
+            b
+        }
+    };
+};
+function shadow(offsets, color) {
+    return {
+        method: 'shadow',
+        value: {
+            offsets,
+            color
+        }
+    };
+}
+exports.shadow = shadow;
+function gradientStep(percent, value) {
+    return {
+        percent,
+        value
+    };
+}
+exports.gradientStep = gradientStep;
+function linearGradient(degrees, ...steps) {
+    return {
+        method: 'gradient',
+        value: {
+            type: 'linear',
+            colors: steps,
+            degrees
+        }
+    };
+}
+exports.linearGradient = linearGradient;
+function radialGradient(...steps) {
+    return {
+        method: 'gradient',
+        value: {
+            type: 'radial',
+            colors: steps
+        }
+    };
+}
+exports.radialGradient = radialGradient;
+function translate(x, y, z) {
+    return {
+        method: 'translate',
+        value: {
+            x,
+            y,
+            z
+        }
+    };
+}
+exports.translate = translate;
+function scale(x, y, z) {
+    return {
+        method: 'scale',
+        value: {
+            x,
+            y,
+            z
+        }
+    };
+}
+exports.scale = scale;
+function rotate(x, y, z) {
+    return {
+        method: 'rotate',
+        value: {
+            x,
+            y,
+            z
+        }
+    };
+}
+exports.rotate = rotate;
+function skew(x, y) {
+    return {
+        method: 'skew',
+        value: {
+            x,
+            y
+        }
+    };
+}
+exports.skew = skew;
+function url(path) {
+    return {
+        method: 'url',
+        value: {
+            path
+        }
+    };
+}
+exports.url = url;
+function focus(primitives) {
+    return {
+        __focus: primitives
+    };
+}
+exports.focus = focus;
+function hover(primitives) {
+    return {
+        __hover: primitives
+    };
+}
+exports.hover = hover;
+function active(primitives) {
+    return {
+        __active: primitives
+    };
+}
+exports.active = active;