npm - create-plasmic-app - Versions diffs - 0.0.66 → 0.0.68 - Mend

create-plasmic-app 0.0.66 → 0.0.68

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (111) hide show

package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx ADDED Viewed

@@ -0,0 +1,264 @@
+// @ts-nocheck
+/* eslint-disable */
+/* tslint:disable */
+/* prettier-ignore-start */
+/** @jsxRuntime classic */
+/** @jsx createPlasmicElementProxy */
+/** @jsxFrag React.Fragment */
+// This class is auto-generated by Plasmic; please do not edit!
+// Plasmic Project: 47tFXWjN2C4NyHFGGpaYQ3
+// Component: AO44A-w7hh
+import * as React from "react";
+import Head from "next/head";
+import Link, { LinkProps } from "next/link";
+import { useRouter } from "next/router";
+import * as p from "@plasmicapp/react-web";
+import * as ph from "@plasmicapp/react-web/lib/host";
+import {
+  hasVariant,
+  classNames,
+  wrapWithClassName,
+  createPlasmicElementProxy,
+  makeFragment,
+  MultiChoiceArg,
+  SingleBooleanChoiceArg,
+  SingleChoiceArg,
+  pick,
+  omit,
+  useTrigger,
+  StrictProps,
+  deriveRenderOpts,
+  ensureGlobalVariants
+} from "@plasmicapp/react-web";
+import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
+import "@plasmicapp/react-web/lib/plasmic.css";
+import projectcss from "./plasmic_create_plasmic_app.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+import sty from "./PlasmicDynamicPage.module.css"; // plasmic-import: AO44A-w7hh/css
+export type PlasmicDynamicPage__VariantMembers = {};
+export type PlasmicDynamicPage__VariantsArgs = {};
+type VariantPropType = keyof PlasmicDynamicPage__VariantsArgs;
+export const PlasmicDynamicPage__VariantProps = new Array<VariantPropType>();
+export type PlasmicDynamicPage__ArgsType = {};
+type ArgPropType = keyof PlasmicDynamicPage__ArgsType;
+export const PlasmicDynamicPage__ArgProps = new Array<ArgPropType>();
+export type PlasmicDynamicPage__OverridesType = {
+  root?: p.Flex<"div">;
+  section?: p.Flex<"section">;
+  h1?: p.Flex<"h1">;
+  randomDynamicPageButton?: p.Flex<typeof RandomDynamicPageButton>;
+};
+export interface DefaultDynamicPageProps {}
+const __wrapUserFunction =
+  globalThis.__PlasmicWrapUserFunction ?? ((loc, fn) => fn());
+const __wrapUserPromise =
+  globalThis.__PlasmicWrapUserPromise ??
+  (async (loc, promise) => {
+    return await promise;
+  });
+function useNextRouter() {
+  try {
+    return useRouter();
+  } catch {}
+  return undefined;
+}
+function PlasmicDynamicPage__RenderFunc(props: {
+  variants: PlasmicDynamicPage__VariantsArgs;
+  args: PlasmicDynamicPage__ArgsType;
+  overrides: PlasmicDynamicPage__OverridesType;
+  forNode?: string;
+}) {
+  const { variants, overrides, forNode } = props;
+  const __nextRouter = useNextRouter();
+  const $ctx = ph.useDataEnv?.() || {};
+  const args = React.useMemo(() => Object.assign({}, props.args), [props.args]);
+  const $props = {
+    ...args,
+    ...variants
+  };
+  const refsRef = React.useRef({});
+  const $refs = refsRef.current;
+  const currentUser = p.useCurrentUser?.() || {};
+  const [$queries, setDollarQueries] = React.useState({});
+  return (
+    <React.Fragment>
+      <Head></Head>
+      <style>{`
+        body {
+          margin: 0;
+        }
+      `}</style>
+      <div className={projectcss.plasmic_page_wrapper}>
+        <div
+          data-plasmic-name={"root"}
+          data-plasmic-override={overrides.root}
+          data-plasmic-root={true}
+          data-plasmic-for-node={forNode}
+          className={classNames(
+            projectcss.all,
+            projectcss.root_reset,
+            projectcss.plasmic_default_styles,
+            projectcss.plasmic_mixins,
+            sty.root
+          )}
+        >
+          <p.Stack
+            as={"section"}
+            data-plasmic-name={"section"}
+            data-plasmic-override={overrides.section}
+            hasGap={true}
+            className={classNames(projectcss.all, sty.section)}
+          >
+            <h1
+              data-plasmic-name={"h1"}
+              data-plasmic-override={overrides.h1}
+              className={classNames(
+                projectcss.all,
+                projectcss.h1,
+                projectcss.__wab_text,
+                sty.h1
+              )}
+            >
+              {(() => {
+                try {
+                  return $ctx.params.slug;
+                } catch (e) {
+                  if (e instanceof TypeError) {
+                    return "Page 1";
+                  }
+                  throw e;
+                }
+              })()}
+            </h1>
+            <RandomDynamicPageButton
+              data-plasmic-name={"randomDynamicPageButton"}
+              data-plasmic-override={overrides.randomDynamicPageButton}
+              className={classNames(
+                "__wab_instance",
+                sty.randomDynamicPageButton
+              )}
+            />
+          </p.Stack>
+        </div>
+      </div>
+    </React.Fragment>
+  ) as React.ReactElement | null;
+}
+const PlasmicDescendants = {
+  root: ["root", "section", "h1", "randomDynamicPageButton"],
+  section: ["section", "h1", "randomDynamicPageButton"],
+  h1: ["h1"],
+  randomDynamicPageButton: ["randomDynamicPageButton"]
+} as const;
+type NodeNameType = keyof typeof PlasmicDescendants;
+type DescendantsType<T extends NodeNameType> =
+  (typeof PlasmicDescendants)[T][number];
+type NodeDefaultElementType = {
+  root: "div";
+  section: "section";
+  h1: "h1";
+  randomDynamicPageButton: typeof RandomDynamicPageButton;
+};
+type ReservedPropsType = "variants" | "args" | "overrides";
+type NodeOverridesType<T extends NodeNameType> = Pick<
+  PlasmicDynamicPage__OverridesType,
+  DescendantsType<T>
+>;
+type NodeComponentProps<T extends NodeNameType> =
+  // Explicitly specify variants, args, and overrides as objects
+  {
+    variants?: PlasmicDynamicPage__VariantsArgs;
+    args?: PlasmicDynamicPage__ArgsType;
+    overrides?: NodeOverridesType<T>;
+  } & Omit<PlasmicDynamicPage__VariantsArgs, ReservedPropsType> & // Specify variants directly as props
+    /* Specify args directly as props*/ Omit<
+      PlasmicDynamicPage__ArgsType,
+      ReservedPropsType
+    > &
+    /* Specify overrides for each element directly as props*/ Omit<
+      NodeOverridesType<T>,
+      ReservedPropsType | VariantPropType | ArgPropType
+    > &
+    /* Specify props for the root element*/ Omit<
+      Partial<React.ComponentProps<NodeDefaultElementType[T]>>,
+      ReservedPropsType | VariantPropType | ArgPropType | DescendantsType<T>
+    >;
+function makeNodeComponent<NodeName extends NodeNameType>(nodeName: NodeName) {
+  type PropsType = NodeComponentProps<NodeName> & { key?: React.Key };
+  const func = function <T extends PropsType>(
+    props: T & StrictProps<T, PropsType>
+  ) {
+    const { variants, args, overrides } = React.useMemo(
+      () =>
+        deriveRenderOpts(props, {
+          name: nodeName,
+          descendantNames: [...PlasmicDescendants[nodeName]],
+          internalArgPropNames: PlasmicDynamicPage__ArgProps,
+          internalVariantPropNames: PlasmicDynamicPage__VariantProps
+        }),
+      [props, nodeName]
+    );
+    return PlasmicDynamicPage__RenderFunc({
+      variants,
+      args,
+      overrides,
+      forNode: nodeName
+    });
+  };
+  if (nodeName === "root") {
+    func.displayName = "PlasmicDynamicPage";
+  } else {
+    func.displayName = `PlasmicDynamicPage.${nodeName}`;
+  }
+  return func;
+}
+export const PlasmicDynamicPage = Object.assign(
+  // Top-level PlasmicDynamicPage renders the root element
+  makeNodeComponent("root"),
+  {
+    // Helper components rendering sub-elements
+    section: makeNodeComponent("section"),
+    h1: makeNodeComponent("h1"),
+    randomDynamicPageButton: makeNodeComponent("randomDynamicPageButton"),
+    // Metadata about props expected for PlasmicDynamicPage
+    internalVariantProps: PlasmicDynamicPage__VariantProps,
+    internalArgProps: PlasmicDynamicPage__ArgProps,
+    // Page metadata
+    pageMetadata: {
+      title: "",
+      description: "",
+      ogImageSrc: "",
+      canonical: ""
+    }
+  }
+);
+export default PlasmicDynamicPage;
+/* prettier-ignore-end */

package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.tsx CHANGED Viewed

@@ -2,6 +2,7 @@
 /* eslint-disable */
 /* tslint:disable */
 /* prettier-ignore-start */
 import * as React from "react";
 import * as p from "@plasmicapp/react-web";

package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx CHANGED Viewed

@@ -10,6 +10,7 @@
 // This class is auto-generated by Plasmic; please do not edit!
 // Plasmic Project: 47tFXWjN2C4NyHFGGpaYQ3
 // Component: 6uuAAE1jiCew
 import * as React from "react";
 import Head from "next/head";
@@ -35,6 +36,7 @@ import {
   deriveRenderOpts,
   ensureGlobalVariants
 } from "@plasmicapp/react-web";
+import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
 import { useScreenVariants as useScreenVariantsscBjPxgdxdzbv } from "./PlasmicGlobalVariant__Screen"; // plasmic-import: SCBjPXGDXDZBV/globalVariant
@@ -57,6 +59,7 @@ export type PlasmicHomepage__OverridesType = {
   section?: p.Flex<"section">;
   h1?: p.Flex<"h1">;
   text?: p.Flex<"div">;
+  randomDynamicPageButton?: p.Flex<typeof RandomDynamicPageButton>;
 };
 export interface DefaultHomepageProps {}
@@ -80,7 +83,6 @@ function PlasmicHomepage__RenderFunc(props: {
   variants: PlasmicHomepage__VariantsArgs;
   args: PlasmicHomepage__ArgsType;
   overrides: PlasmicHomepage__OverridesType;
   forNode?: string;
 }) {
   const { variants, overrides, forNode } = props;
@@ -191,6 +193,15 @@ function PlasmicHomepage__RenderFunc(props: {
                 </React.Fragment>
               )}
             </div>
+            <RandomDynamicPageButton
+              data-plasmic-name={"randomDynamicPageButton"}
+              data-plasmic-override={overrides.randomDynamicPageButton}
+              className={classNames(
+                "__wab_instance",
+                sty.randomDynamicPageButton
+              )}
+            />
           </p.Stack>
         </div>
       </div>
@@ -199,10 +210,11 @@ function PlasmicHomepage__RenderFunc(props: {
 }
 const PlasmicDescendants = {
-  root: ["root", "section", "h1", "text"],
-  section: ["section", "h1", "text"],
+  root: ["root", "section", "h1", "text", "randomDynamicPageButton"],
+  section: ["section", "h1", "text", "randomDynamicPageButton"],
   h1: ["h1"],
-  text: ["text"]
+  text: ["text"],
+  randomDynamicPageButton: ["randomDynamicPageButton"]
 } as const;
 type NodeNameType = keyof typeof PlasmicDescendants;
 type DescendantsType<T extends NodeNameType> =
@@ -212,6 +224,7 @@ type NodeDefaultElementType = {
   section: "section";
   h1: "h1";
   text: "div";
+  randomDynamicPageButton: typeof RandomDynamicPageButton;
 };
 type ReservedPropsType = "variants" | "args" | "overrides";
@@ -254,7 +267,6 @@ function makeNodeComponent<NodeName extends NodeNameType>(nodeName: NodeName) {
         }),
       [props, nodeName]
     );
     return PlasmicHomepage__RenderFunc({
       variants,
       args,
@@ -278,6 +290,7 @@ export const PlasmicHomepage = Object.assign(
     section: makeNodeComponent("section"),
     h1: makeNodeComponent("h1"),
     text: makeNodeComponent("text"),
+    randomDynamicPageButton: makeNodeComponent("randomDynamicPageButton"),
     // Metadata about props expected for PlasmicHomepage
     internalVariantProps: PlasmicHomepage__VariantProps,

package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.tsx ADDED Viewed

@@ -0,0 +1,252 @@
+// @ts-nocheck
+/* eslint-disable */
+/* tslint:disable */
+/* prettier-ignore-start */
+/** @jsxRuntime classic */
+/** @jsx createPlasmicElementProxy */
+/** @jsxFrag React.Fragment */
+// This class is auto-generated by Plasmic; please do not edit!
+// Plasmic Project: 47tFXWjN2C4NyHFGGpaYQ3
+// Component: Q23H1_1M_P
+import * as React from "react";
+import Head from "next/head";
+import Link, { LinkProps } from "next/link";
+import { useRouter } from "next/router";
+import * as p from "@plasmicapp/react-web";
+import * as ph from "@plasmicapp/react-web/lib/host";
+import {
+  hasVariant,
+  classNames,
+  wrapWithClassName,
+  createPlasmicElementProxy,
+  makeFragment,
+  MultiChoiceArg,
+  SingleBooleanChoiceArg,
+  SingleChoiceArg,
+  pick,
+  omit,
+  useTrigger,
+  StrictProps,
+  deriveRenderOpts,
+  ensureGlobalVariants
+} from "@plasmicapp/react-web";
+import Button from "../../Button"; // plasmic-import: TQcvW_pSKi3/component
+import "@plasmicapp/react-web/lib/plasmic.css";
+import projectcss from "./plasmic_create_plasmic_app.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+import sty from "./PlasmicRandomDynamicPageButton.module.css"; // plasmic-import: Q23H1_1M_P/css
+import ChecksvgIcon from "./icons/PlasmicIcon__Checksvg"; // plasmic-import: gj-_D7n31Ho/icon
+import IconIcon from "./icons/PlasmicIcon__Icon"; // plasmic-import: 6PNxx3YMyDQ/icon
+export type PlasmicRandomDynamicPageButton__VariantMembers = {};
+export type PlasmicRandomDynamicPageButton__VariantsArgs = {};
+type VariantPropType = keyof PlasmicRandomDynamicPageButton__VariantsArgs;
+export const PlasmicRandomDynamicPageButton__VariantProps =
+  new Array<VariantPropType>();
+export type PlasmicRandomDynamicPageButton__ArgsType = {};
+type ArgPropType = keyof PlasmicRandomDynamicPageButton__ArgsType;
+export const PlasmicRandomDynamicPageButton__ArgProps =
+  new Array<ArgPropType>();
+export type PlasmicRandomDynamicPageButton__OverridesType = {
+  root?: p.Flex<typeof Button>;
+};
+export interface DefaultRandomDynamicPageButtonProps {
+  className?: string;
+}
+const __wrapUserFunction =
+  globalThis.__PlasmicWrapUserFunction ?? ((loc, fn) => fn());
+const __wrapUserPromise =
+  globalThis.__PlasmicWrapUserPromise ??
+  (async (loc, promise) => {
+    return await promise;
+  });
+function useNextRouter() {
+  try {
+    return useRouter();
+  } catch {}
+  return undefined;
+}
+function PlasmicRandomDynamicPageButton__RenderFunc(props: {
+  variants: PlasmicRandomDynamicPageButton__VariantsArgs;
+  args: PlasmicRandomDynamicPageButton__ArgsType;
+  overrides: PlasmicRandomDynamicPageButton__OverridesType;
+  forNode?: string;
+}) {
+  const { variants, overrides, forNode } = props;
+  const __nextRouter = useNextRouter();
+  const $ctx = ph.useDataEnv?.() || {};
+  const args = React.useMemo(() => Object.assign({}, props.args), [props.args]);
+  const $props = {
+    ...args,
+    ...variants
+  };
+  const refsRef = React.useRef({});
+  const $refs = refsRef.current;
+  const currentUser = p.useCurrentUser?.() || {};
+  const [$queries, setDollarQueries] = React.useState({});
+  return (
+    <Button
+      data-plasmic-name={"root"}
+      data-plasmic-override={overrides.root}
+      data-plasmic-root={true}
+      data-plasmic-for-node={forNode}
+      className={classNames("__wab_instance", sty.root)}
+      onClick={async event => {
+        const $steps = {};
+        $steps["goToDynamicPage"] = true
+          ? (() => {
+              const actionArgs = {
+                destination: __wrapUserFunction(
+                  {
+                    type: "InteractionArgLoc",
+                    actionName: "navigation",
+                    interactionUuid: "9Y3jL0zxjA",
+                    componentUuid: "Q23H1_1M_P",
+                    argName: "destination"
+                  },
+                  () =>
+                    `/dynamic/${(() => {
+                      try {
+                        return Math.random().toString(36).slice(2);
+                      } catch (e) {
+                        if (e instanceof TypeError) {
+                          return "value";
+                        }
+                        throw e;
+                      }
+                    })()}`
+                )
+              };
+              return __wrapUserFunction(
+                {
+                  type: "InteractionLoc",
+                  actionName: "navigation",
+                  interactionUuid: "9Y3jL0zxjA",
+                  componentUuid: "Q23H1_1M_P"
+                },
+                () =>
+                  (({ destination }) => {
+                    __nextRouter?.push(destination);
+                  })?.apply(null, [actionArgs]),
+                actionArgs
+              );
+            })()
+          : undefined;
+        if (
+          typeof $steps["goToDynamicPage"] === "object" &&
+          typeof $steps["goToDynamicPage"].then === "function"
+        ) {
+          $steps["goToDynamicPage"] = await __wrapUserPromise(
+            {
+              type: "InteractionLoc",
+              actionName: "navigation",
+              interactionUuid: "9Y3jL0zxjA",
+              componentUuid: "Q23H1_1M_P"
+            },
+            $steps["goToDynamicPage"]
+          );
+        }
+      }}
+    >
+      {"Random Dynamic Page"}
+    </Button>
+  ) as React.ReactElement | null;
+}
+const PlasmicDescendants = {
+  root: ["root"]
+} as const;
+type NodeNameType = keyof typeof PlasmicDescendants;
+type DescendantsType<T extends NodeNameType> =
+  (typeof PlasmicDescendants)[T][number];
+type NodeDefaultElementType = {
+  root: typeof Button;
+};
+type ReservedPropsType = "variants" | "args" | "overrides";
+type NodeOverridesType<T extends NodeNameType> = Pick<
+  PlasmicRandomDynamicPageButton__OverridesType,
+  DescendantsType<T>
+>;
+type NodeComponentProps<T extends NodeNameType> =
+  // Explicitly specify variants, args, and overrides as objects
+  {
+    variants?: PlasmicRandomDynamicPageButton__VariantsArgs;
+    args?: PlasmicRandomDynamicPageButton__ArgsType;
+    overrides?: NodeOverridesType<T>;
+  } & Omit<PlasmicRandomDynamicPageButton__VariantsArgs, ReservedPropsType> & // Specify variants directly as props
+    /* Specify args directly as props*/ Omit<
+      PlasmicRandomDynamicPageButton__ArgsType,
+      ReservedPropsType
+    > &
+    /* Specify overrides for each element directly as props*/ Omit<
+      NodeOverridesType<T>,
+      ReservedPropsType | VariantPropType | ArgPropType
+    > &
+    /* Specify props for the root element*/ Omit<
+      Partial<React.ComponentProps<NodeDefaultElementType[T]>>,
+      ReservedPropsType | VariantPropType | ArgPropType | DescendantsType<T>
+    >;
+function makeNodeComponent<NodeName extends NodeNameType>(nodeName: NodeName) {
+  type PropsType = NodeComponentProps<NodeName> & { key?: React.Key };
+  const func = function <T extends PropsType>(
+    props: T & StrictProps<T, PropsType>
+  ) {
+    const { variants, args, overrides } = React.useMemo(
+      () =>
+        deriveRenderOpts(props, {
+          name: nodeName,
+          descendantNames: [...PlasmicDescendants[nodeName]],
+          internalArgPropNames: PlasmicRandomDynamicPageButton__ArgProps,
+          internalVariantPropNames: PlasmicRandomDynamicPageButton__VariantProps
+        }),
+      [props, nodeName]
+    );
+    return PlasmicRandomDynamicPageButton__RenderFunc({
+      variants,
+      args,
+      overrides,
+      forNode: nodeName
+    });
+  };
+  if (nodeName === "root") {
+    func.displayName = "PlasmicRandomDynamicPageButton";
+  } else {
+    func.displayName = `PlasmicRandomDynamicPageButton.${nodeName}`;
+  }
+  return func;
+}
+export const PlasmicRandomDynamicPageButton = Object.assign(
+  // Top-level PlasmicRandomDynamicPageButton renders the root element
+  makeNodeComponent("root"),
+  {
+    // Helper components rendering sub-elements
+    // Metadata about props expected for PlasmicRandomDynamicPageButton
+    internalVariantProps: PlasmicRandomDynamicPageButton__VariantProps,
+    internalArgProps: PlasmicRandomDynamicPageButton__ArgProps
+  }
+);
+export default PlasmicRandomDynamicPageButton;
+/* prettier-ignore-end */

package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.tsx ADDED Viewed

@@ -0,0 +1,44 @@
+// @ts-nocheck
+/* eslint-disable */
+/* tslint:disable */
+/* prettier-ignore-start */
+import React from "react";
+import { classNames } from "@plasmicapp/react-web";
+export type ChecksvgIconProps = React.ComponentProps<"svg"> & {
+  title?: string;
+};
+export function ChecksvgIcon(props: ChecksvgIconProps) {
+  const { className, style, title, ...restProps } = props;
+  return (
+    <svg
+      xmlns={"http://www.w3.org/2000/svg"}
+      fill={"none"}
+      viewBox={"0 0 24 24"}
+      height={"1em"}
+      width={"1em"}
+      style={{
+        fill: "currentcolor",
+        ...(style || {}),
+      }}
+      className={classNames("plasmic-default__svg", className)}
+      {...restProps}
+    >
+      {title && <title>{title}</title>}
+      <path
+        fillRule={"evenodd"}
+        clipRule={"evenodd"}
+        d={
+          "M18.416 5.876a.75.75 0 01.208 1.04L11.42 17.721a1.75 1.75 0 01-2.871.06l-3.156-4.34a.75.75 0 111.214-.882l3.155 4.339a.25.25 0 00.41-.009l7.204-10.805a.75.75 0 011.04-.208z"
+        }
+        fill={"currentColor"}
+      ></path>
+    </svg>
+  );
+}
+export default ChecksvgIcon;
+/* prettier-ignore-end */

package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Icon.tsx ADDED Viewed

@@ -0,0 +1,41 @@
+// @ts-nocheck
+/* eslint-disable */
+/* tslint:disable */
+/* prettier-ignore-start */
+import React from "react";
+import { classNames } from "@plasmicapp/react-web";
+export type IconIconProps = React.ComponentProps<"svg"> & {
+  title?: string;
+};
+export function IconIcon(props: IconIconProps) {
+  const { className, style, title, ...restProps } = props;
+  return (
+    <svg
+      xmlns={"http://www.w3.org/2000/svg"}
+      stroke={"currentColor"}
+      fill={"currentColor"}
+      strokeWidth={"0"}
+      viewBox={"0 0 16 16"}
+      height={"1em"}
+      width={"1em"}
+      className={classNames("plasmic-default__svg", className)}
+      style={style}
+      {...restProps}
+    >
+      {title && <title>{title}</title>}
+      <path
+        fillRule={"evenodd"}
+        d={
+          "M1 8a.5.5 0 01.5-.5h11.793l-3.147-3.146a.5.5 0 01.708-.708l4 4a.5.5 0 010 .708l-4 4a.5.5 0 01-.708-.708L13.293 8.5H1.5A.5.5 0 011 8z"
+        }
+        stroke={"none"}
+      ></path>
+    </svg>
+  );
+}
+export default IconIcon;
+/* prettier-ignore-end */