@plasmicapp/react-web 0.2.201 → 0.2.202

package/skinny/dist/render/Stack.d.ts

@@ -1,51 +1,51 @@
-import * as React from "react";
-export declare const Stack: (<T extends keyof JSX.IntrinsicElements = "div">(props: {
-    as?: T | undefined;
-    hasGap?: boolean | undefined;
-} & React.ComponentProps<T>) => React.ReactElement) & {
-    div: React.FC<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    a: React.FC<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    button: React.FC<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h1: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h2: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h3: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h4: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h5: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    h6: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    label: React.FC<React.ClassAttributes<HTMLLabelElement> & React.LabelHTMLAttributes<HTMLLabelElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    form: React.FC<React.ClassAttributes<HTMLFormElement> & React.FormHTMLAttributes<HTMLFormElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    section: React.FC<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    head: React.FC<React.ClassAttributes<HTMLHeadElement> & React.HTMLAttributes<HTMLHeadElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    main: React.FC<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-    nav: React.FC<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
-        hasGap?: boolean | undefined;
-    }>;
-};
+import * as React from "react";
+export declare const Stack: (<T extends keyof JSX.IntrinsicElements = "div">(props: {
+    as?: T | undefined;
+    hasGap?: boolean | undefined;
+} & React.ComponentProps<T>) => React.ReactElement) & {
+    div: React.FC<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    a: React.FC<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    button: React.FC<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h1: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h2: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h3: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h4: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h5: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    h6: React.FC<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    label: React.FC<React.ClassAttributes<HTMLLabelElement> & React.LabelHTMLAttributes<HTMLLabelElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    form: React.FC<React.ClassAttributes<HTMLFormElement> & React.FormHTMLAttributes<HTMLFormElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    section: React.FC<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    head: React.FC<React.ClassAttributes<HTMLHeadElement> & React.HTMLAttributes<HTMLHeadElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    main: React.FC<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+    nav: React.FC<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
+        hasGap?: boolean | undefined;
+    }>;
+};

package/skinny/dist/render/elements.d.ts

@@ -1,74 +1,74 @@
-import * as React from "react";
-import { $State } from "../states";
-interface Variants {
-    [vg: string]: any;
-}
-export type MultiChoiceArg<M extends string> = M | M[] | {
-    [v in M]?: boolean;
-};
-export type SingleChoiceArg<M extends string> = M;
-export type SingleBooleanChoiceArg<M extends string> = M | boolean;
-interface OverrideTwiddle {
-    wrapChildren?: (children: React.ReactNode) => React.ReactNode;
-    wrap?: (node: React.ReactNode) => React.ReactNode;
-}
-export type DefaultOverride<C extends React.ElementType> = {
-    type: "default";
-    props?: Partial<React.ComponentProps<C>>;
-} & OverrideTwiddle;
-export type AsOverride<C extends React.ElementType> = {
-    type: "as";
-    as: C;
-    props?: Partial<React.ComponentProps<C>>;
-} & OverrideTwiddle;
-export type RenderOverride<C extends React.ElementType> = {
-    type: "render";
-    render: (props: React.ComponentProps<C>, Comp: C) => React.ReactNode;
-    props?: Partial<React.ComponentProps<C>>;
-} & OverrideTwiddle;
-export type Override<DefaultElementType extends React.ElementType> = DefaultOverride<DefaultElementType> | AsOverride<any> | RenderOverride<DefaultElementType>;
-export type Overrides = Record<string, Flex<any>>;
-export type Args = Record<string, any>;
-export type Flex<DefaultElementType extends React.ElementType> = (Omit<DefaultOverride<DefaultElementType>, "type"> & {
-    as?: never;
-    render?: never;
-}) | Omit<AsOverride<any>, "type"> | (Omit<RenderOverride<DefaultElementType>, "type"> & {
-    as?: never;
-}) | React.ReactChild | null | undefined | (Partial<React.ComponentProps<DefaultElementType>> & {
-    wrap?: never;
-    wrapChildren?: never;
-    props?: never;
-    as?: never;
-    render?: never;
-}) | ((props: React.ComponentProps<DefaultElementType>) => React.ReactNode);
-export declare function hasVariant<V extends Variants>(variants: V | undefined, groupName: keyof V, variant: string): any;
-export declare function wrapFlexContainerChildren(children: React.ReactNode, hasGap: boolean): React.DetailedReactHTMLElement<{
-    className: string;
-}, HTMLElement> | null;
-export declare function createPlasmicElementProxy<DefaultElementType extends React.ElementType>(defaultElement: DefaultElementType, props: Partial<React.ComponentProps<DefaultElementType>>, ...children: React.ReactNode[]): React.ReactNode;
-export declare function makeFragment(...children: React.ReactNode[]): React.FunctionComponentElement<{
-    children?: React.ReactNode;
-}>;
-export declare const UNSET: unique symbol;
-export declare function wrapWithClassName(element: React.ReactNode, className: string): React.DetailedReactHTMLElement<{
-    key: React.Key | undefined;
-    className: string;
-    style: {
-        display: "grid";
-    };
-}, HTMLElement>;
-export declare function mergeVariantsWithStates(variants: Variants, $state: $State, linkedStates: {
-    variantGroup: string;
-    statePath: (string | number)[];
-}[]): Variants;
-export declare function deriveRenderOpts(props: Record<string, any>, config: {
-    name: string;
-    descendantNames: string[];
-    internalVariantPropNames: string[];
-    internalArgPropNames: string[];
-}): {
-    variants: Partial<Partial<Record<string, any>>>;
-    args: Partial<Partial<Record<string, any>>>;
-    overrides: Partial<Partial<Record<string, any>>>;
-};
-export {};
+import * as React from "react";
+import { $State } from "../states";
+interface Variants {
+    [vg: string]: any;
+}
+export type MultiChoiceArg<M extends string> = M | M[] | {
+    [v in M]?: boolean;
+};
+export type SingleChoiceArg<M extends string> = M;
+export type SingleBooleanChoiceArg<M extends string> = M | boolean;
+interface OverrideTwiddle {
+    wrapChildren?: (children: React.ReactNode) => React.ReactNode;
+    wrap?: (node: React.ReactNode) => React.ReactNode;
+}
+export type DefaultOverride<C extends React.ElementType> = {
+    type: "default";
+    props?: Partial<React.ComponentProps<C>>;
+} & OverrideTwiddle;
+export type AsOverride<C extends React.ElementType> = {
+    type: "as";
+    as: C;
+    props?: Partial<React.ComponentProps<C>>;
+} & OverrideTwiddle;
+export type RenderOverride<C extends React.ElementType> = {
+    type: "render";
+    render: (props: React.ComponentProps<C>, Comp: C) => React.ReactNode;
+    props?: Partial<React.ComponentProps<C>>;
+} & OverrideTwiddle;
+export type Override<DefaultElementType extends React.ElementType> = DefaultOverride<DefaultElementType> | AsOverride<any> | RenderOverride<DefaultElementType>;
+export type Overrides = Record<string, Flex<any>>;
+export type Args = Record<string, any>;
+export type Flex<DefaultElementType extends React.ElementType> = (Omit<DefaultOverride<DefaultElementType>, "type"> & {
+    as?: never;
+    render?: never;
+}) | Omit<AsOverride<any>, "type"> | (Omit<RenderOverride<DefaultElementType>, "type"> & {
+    as?: never;
+}) | React.ReactChild | null | undefined | (Partial<React.ComponentProps<DefaultElementType>> & {
+    wrap?: never;
+    wrapChildren?: never;
+    props?: never;
+    as?: never;
+    render?: never;
+}) | ((props: React.ComponentProps<DefaultElementType>) => React.ReactNode);
+export declare function hasVariant<V extends Variants>(variants: V | undefined, groupName: keyof V, variant: string): any;
+export declare function wrapFlexContainerChildren(children: React.ReactNode, hasGap: boolean): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement> | null;
+export declare function createPlasmicElementProxy<DefaultElementType extends React.ElementType>(defaultElement: DefaultElementType, props: Partial<React.ComponentProps<DefaultElementType>>, ...children: React.ReactNode[]): React.ReactNode;
+export declare function makeFragment(...children: React.ReactNode[]): React.FunctionComponentElement<{
+    children?: React.ReactNode;
+}>;
+export declare const UNSET: unique symbol;
+export declare function wrapWithClassName(element: React.ReactNode, className: string): React.DetailedReactHTMLElement<{
+    key: React.Key | undefined;
+    className: string;
+    style: {
+        display: "grid";
+    };
+}, HTMLElement>;
+export declare function mergeVariantsWithStates(variants: Variants, $state: $State, linkedStates: {
+    variantGroup: string;
+    statePath: (string | number)[];
+}[]): Variants;
+export declare function deriveRenderOpts(props: Record<string, any>, config: {
+    name: string;
+    descendantNames: string[];
+    internalVariantPropNames: string[];
+    internalArgPropNames: string[];
+}): {
+    variants: Partial<Partial<Record<string, any>>>;
+    args: Partial<Partial<Record<string, any>>>;
+    overrides: Partial<Partial<Record<string, any>>>;
+};
+export {};

package/skinny/dist/render/global-variants.d.ts

@@ -1 +1 @@
-export declare function ensureGlobalVariants<T extends Record<string, any>>(globalVariantValues: T): T;
+export declare function ensureGlobalVariants<T extends Record<string, any>>(globalVariantValues: T): T;

package/skinny/dist/render/screen-variants.d.ts

@@ -1,5 +1,5 @@
-type Queries = {
-    [name: string]: string;
-};
-export declare function createUseScreenVariants(isMulti: boolean, screenQueries: Queries): () => string | string[] | undefined;
-export {};
+type Queries = {
+    [name: string]: string;
+};
+export declare function createUseScreenVariants(isMulti: boolean, screenQueries: Queries): () => string | string[] | undefined;
+export {};

package/skinny/dist/render/ssr.d.ts

@@ -1,21 +1,21 @@
-import { PlasmicDataSourceContextValue } from "@plasmicapp/data-sources-context";
-import { useIsSSR as useAriaIsSSR } from "@react-aria/ssr";
-import * as React from "react";
-import { PlasmicTranslator } from "./translation";
-export { PlasmicDataSourceContextProvider, useCurrentUser, } from "@plasmicapp/data-sources-context";
-export interface PlasmicRootContextValue {
-    platform?: "nextjs" | "gatsby";
-}
-export interface PlasmicRootProviderProps extends PlasmicDataSourceContextValue {
-    platform?: "nextjs" | "gatsby";
-    children?: React.ReactNode;
-    translator?: PlasmicTranslator;
-    Head?: React.ComponentType<any>;
-}
-export declare function PlasmicRootProvider(props: PlasmicRootProviderProps): JSX.Element;
-export declare const useIsSSR: typeof useAriaIsSSR;
-export declare function useHasPlasmicRoot(): boolean;
-/**
- * Warns the user if PlasmicRootProvider is not used
- */
-export declare function useEnsureSSRProvider(): void;
+import { PlasmicDataSourceContextValue } from "@plasmicapp/data-sources-context";
+import { useIsSSR as useAriaIsSSR } from "@react-aria/ssr";
+import * as React from "react";
+import { PlasmicTranslator } from "./translation";
+export { PlasmicDataSourceContextProvider, useCurrentUser, } from "@plasmicapp/data-sources-context";
+export interface PlasmicRootContextValue {
+    platform?: "nextjs" | "gatsby";
+}
+export interface PlasmicRootProviderProps extends PlasmicDataSourceContextValue {
+    platform?: "nextjs" | "gatsby";
+    children?: React.ReactNode;
+    translator?: PlasmicTranslator;
+    Head?: React.ComponentType<any>;
+}
+export declare function PlasmicRootProvider(props: PlasmicRootProviderProps): JSX.Element;
+export declare const useIsSSR: typeof useAriaIsSSR;
+export declare function useHasPlasmicRoot(): boolean;
+/**
+ * Warns the user if PlasmicRootProvider is not used
+ */
+export declare function useEnsureSSRProvider(): void;

package/skinny/dist/render/translation.d.ts

@@ -1,19 +1,19 @@
-import React from "react";
-export type PlasmicTranslator = (str: string, opts?: {
-    components?: {
-        [key: string]: React.ReactElement;
-    };
-}) => React.ReactNode;
-export declare const PlasmicTranslatorContext: React.Context<PlasmicTranslator | undefined>;
-export interface TransProps {
-    transKey?: string;
-    children?: React.ReactNode;
-}
-export declare function genTranslatableString(elt: React.ReactNode): {
-    str: string;
-    components: {
-        [key: string]: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    };
-    componentsCount: number;
-};
-export declare function Trans({ transKey, children }: TransProps): React.ReactNode;
+import React from "react";
+export type PlasmicTranslator = (str: string, opts?: {
+    components?: {
+        [key: string]: React.ReactElement;
+    };
+}) => React.ReactNode;
+export declare const PlasmicTranslatorContext: React.Context<PlasmicTranslator | undefined>;
+export interface TransProps {
+    transKey?: string;
+    children?: React.ReactNode;
+}
+export declare function genTranslatableString(elt: React.ReactNode): {
+    str: string;
+    components: {
+        [key: string]: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    };
+    componentsCount: number;
+};
+export declare function Trans({ transKey, children }: TransProps): React.ReactNode;

package/skinny/dist/render/triggers.d.ts

@@ -1,39 +1,39 @@
-import * as React from "react";
-declare function useFocused(opts: {
-    isTextInput?: boolean;
-}): (boolean | import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>)[];
-declare function useFocusVisible(opts: {
-    isTextInput?: boolean;
-}): (boolean | import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>)[];
-declare function useFocusedWithin(opts: {
-    isTextInput?: boolean;
-}): (boolean | import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>)[];
-declare function useFocusVisibleWithin(opts: {
-    isTextInput?: boolean;
-}): (boolean | import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>)[];
-declare function useHover(): (boolean | {
-    onMouseEnter: () => void;
-    onMouseLeave: () => void;
-})[];
-declare function usePressed(): (boolean | {
-    onMouseDown: () => void;
-    onMouseUp: () => void;
-})[];
-declare const TRIGGER_TO_HOOK: {
-    readonly useHover: typeof useHover;
-    readonly useFocused: typeof useFocused;
-    readonly useFocusVisible: typeof useFocusVisible;
-    readonly useFocusedWithin: typeof useFocusedWithin;
-    readonly useFocusVisibleWithin: typeof useFocusVisibleWithin;
-    readonly usePressed: typeof usePressed;
-};
-type TriggerType = keyof typeof TRIGGER_TO_HOOK;
-interface TriggerOpts {
-    isTextInput?: boolean;
-}
-/**
- * Installs argment trigger. All the useTrigger calls must use hardcoded `trigger` arg,
- * as it's not valid to install variable React hooks!
- */
-export declare function useTrigger(trigger: TriggerType, opts: TriggerOpts): [boolean, React.HTMLAttributes<HTMLElement>];
-export {};
+import * as React from "react";
+declare function useFocused(opts: {
+    isTextInput?: boolean;
+}): (boolean | import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>)[];
+declare function useFocusVisible(opts: {
+    isTextInput?: boolean;
+}): (boolean | import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>)[];
+declare function useFocusedWithin(opts: {
+    isTextInput?: boolean;
+}): (boolean | import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>)[];
+declare function useFocusVisibleWithin(opts: {
+    isTextInput?: boolean;
+}): (boolean | import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>)[];
+declare function useHover(): (boolean | {
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+})[];
+declare function usePressed(): (boolean | {
+    onMouseDown: () => void;
+    onMouseUp: () => void;
+})[];
+declare const TRIGGER_TO_HOOK: {
+    readonly useHover: typeof useHover;
+    readonly useFocused: typeof useFocused;
+    readonly useFocusVisible: typeof useFocusVisible;
+    readonly useFocusedWithin: typeof useFocusedWithin;
+    readonly useFocusVisibleWithin: typeof useFocusVisibleWithin;
+    readonly usePressed: typeof usePressed;
+};
+type TriggerType = keyof typeof TRIGGER_TO_HOOK;
+interface TriggerOpts {
+    isTextInput?: boolean;
+}
+/**
+ * Installs argment trigger. All the useTrigger calls must use hardcoded `trigger` arg,
+ * as it's not valid to install variable React hooks!
+ */
+export declare function useTrigger(trigger: TriggerType, opts: TriggerOpts): [boolean, React.HTMLAttributes<HTMLElement>];
+export {};