@evo-web/react 0.0.1 → 0.0.2

package/dist/evo-button/button-cell.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentProps } from "react";
+type ButtonType = "cta" | "fake" | "expand" | "default";
+type Props = ComponentProps<"span"> & {
+    type?: ButtonType;
+};
+export declare function EvoButtonCell({ type, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=button-cell.d.ts.map

package/dist/evo-button/button-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-cell.d.ts","sourceRoot":"","sources":["../../src/evo-button/button-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,KAAK,UAAU,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AACxD,KAAK,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG;IACpC,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AASF,wBAAgB,aAAa,CAAC,EAAE,IAAgB,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,2CAM3E"}

package/dist/evo-button/button-cell.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+const classPrefixes = {
+  cta: "cta-",
+  fake: "fake-",
+  expand: "expand-",
+  default: ""
+};
+function EvoButtonCell({ type = "default", children, ...rest }) {
+  return jsx("span", { className: `${classPrefixes[type]}btn__cell`, ...rest, children });
+}
+export {
+  EvoButtonCell
+};
+//# sourceMappingURL=button-cell.js.map

package/dist/evo-button/button-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-cell.js","sources":["../../src/evo-button/button-cell.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\ntype ButtonType = \"cta\" | \"fake\" | \"expand\" | \"default\";\ntype Props = ComponentProps<\"span\"> & {\n  type?: ButtonType;\n};\n\nconst classPrefixes: { [key in ButtonType]: string } = {\n  cta: \"cta-\",\n  fake: \"fake-\",\n  expand: \"expand-\",\n  default: \"\",\n};\n\nexport function EvoButtonCell({ type = \"default\", children, ...rest }: Props) {\n  return (\n    <span className={`${classPrefixes[type]}btn__cell`} {...rest}>\n      {children}\n    </span>\n  );\n}\n"],"names":["_jsx"],"mappings":";;AAOA,MAAM,gBAAiD;AAAA,EACrD,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;;AAGL,SAAU,cAAc,EAAE,OAAO,WAAW,UAAU,GAAG,QAAa;AAC1E,SACEA,IAAA,QAAA,EAAM,WAAW,GAAG,cAAc,IAAI,CAAC,gBAAiB,MAAI,SAAA,CACjD;AAGf;"}

package/dist/evo-button/button.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { AnchorButtonProps, NativeButtonProps } from "./types";
+import "@ebay/skin/button";
+export declare function EvoButton(props: AnchorButtonProps): React.JSX.Element;
+export declare function EvoButton(props: NativeButtonProps): React.JSX.Element;
+//# sourceMappingURL=button.d.ts.map

package/dist/evo-button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/evo-button/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EAIlB,MAAM,SAAS,CAAC;AACjB,OAAO,mBAAmB,CAAC;AAE3B,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;AACvE,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC"}

package/dist/evo-button/button.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import "@ebay/skin/button";
+function EvoButton(props) {
+  const { priority = "secondary", variant = "standard", size, bodyState, split, transparent = false, fluid = false, disabled, partiallyDisabled, children, onKeyDown, onEscape, truncate = false, href, className: extraClasses, borderless, fixedHeight, ...rest } = props;
+  const classPrefix = href ? "fake-btn" : "btn";
+  const priorityStyles = {
+    primary: `${classPrefix}--primary`,
+    secondary: `${classPrefix}--secondary`,
+    tertiary: `${classPrefix}--tertiary`,
+    none: ""
+  };
+  const sizeStyles = {
+    large: `${classPrefix}--large`,
+    small: `${classPrefix}--small`
+  };
+  const splitStyles = {
+    start: `${classPrefix}--split-start`,
+    end: `${classPrefix}--split-end`
+  };
+  const isDestructive = variant === "destructive";
+  const isForm = variant === "form";
+  const className = classNames(classPrefix, extraClasses, priorityStyles[isForm || borderless ? "none" : priority], size && sizeStyles[size], split && splitStyles[split], isDestructive && `${classPrefix}--destructive`, isForm && `${classPrefix}--form`, transparent && `${classPrefix}--transparent`, fluid && `${classPrefix}--fluid`, truncate && `${classPrefix}--truncated`, borderless && `${classPrefix}--borderless`, fixedHeight && (size && sizeStyles[size] ? `${sizeStyles[size]}-fixed-height` : `${classPrefix}--fixed-height`));
+  const bodyContent = (() => {
+    switch (bodyState) {
+      case "loading":
+        return jsx("span", { className: "btn__cell", children: jsx("span", { children: "Loading..." }) });
+      case "expand":
+        return jsxs("span", { className: "btn__cell", children: [jsx("span", { className: "btn__text", children }), jsx("span", { children: "▼" })] });
+      default:
+        return children;
+    }
+  })();
+  const ariaLive = bodyState === "loading" ? "polite" : void 0;
+  const keyDownHandler = (event) => {
+    onKeyDown?.(event);
+    if (event.key === "Escape" && !disabled && onEscape) {
+      onEscape(event);
+    }
+  };
+  if (href) {
+    return jsx("a", { ...rest, className, href: disabled ? void 0 : href, onKeyDown: keyDownHandler, "aria-live": ariaLive, children: bodyContent });
+  }
+  return jsx("button", { ...rest, disabled, "aria-disabled": partiallyDisabled ? "true" : void 0, "aria-live": ariaLive, className, onKeyDown: keyDownHandler, children: bodyContent });
+}
+export {
+  EvoButton
+};
+//# sourceMappingURL=button.js.map

package/dist/evo-button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../src/evo-button/button.tsx"],"sourcesContent":["import type { KeyboardEvent } from \"react\";\nimport React from \"react\";\nimport classNames from \"classnames\";\nimport type {\n  AnchorButtonProps,\n  NativeButtonProps,\n  Priority,\n  Size,\n  Split,\n} from \"./types\";\nimport \"@ebay/skin/button\";\n\nexport function EvoButton(props: AnchorButtonProps): React.JSX.Element;\nexport function EvoButton(props: NativeButtonProps): React.JSX.Element;\nexport function EvoButton(\n  props: AnchorButtonProps | NativeButtonProps,\n): React.JSX.Element {\n  const {\n    priority = \"secondary\",\n    variant = \"standard\",\n    size,\n    bodyState,\n    split,\n    transparent = false,\n    fluid = false,\n    disabled,\n    partiallyDisabled,\n    children,\n    onKeyDown,\n    onEscape,\n    truncate = false,\n    href,\n    className: extraClasses,\n    borderless,\n    fixedHeight,\n    ...rest\n  } = props;\n  const classPrefix = href ? \"fake-btn\" : \"btn\";\n  const priorityStyles: { [key in Priority]: string } = {\n    primary: `${classPrefix}--primary`,\n    secondary: `${classPrefix}--secondary`,\n    tertiary: `${classPrefix}--tertiary`,\n    none: \"\",\n  };\n  const sizeStyles: { [key in Size]: string } = {\n    large: `${classPrefix}--large`,\n    small: `${classPrefix}--small`,\n  };\n  const splitStyles: { [key in Split]: string } = {\n    start: `${classPrefix}--split-start`,\n    end: `${classPrefix}--split-end`,\n  };\n  const isDestructive = variant === \"destructive\";\n  const isForm = variant === \"form\";\n  const className = classNames(\n    classPrefix,\n    extraClasses,\n    priorityStyles[isForm || borderless ? \"none\" : priority],\n    size && sizeStyles[size],\n    split && splitStyles[split],\n    isDestructive && `${classPrefix}--destructive`,\n    isForm && `${classPrefix}--form`,\n    transparent && `${classPrefix}--transparent`,\n    fluid && `${classPrefix}--fluid`,\n    truncate && `${classPrefix}--truncated`,\n    borderless && `${classPrefix}--borderless`,\n    fixedHeight &&\n      (size && sizeStyles[size]\n        ? `${sizeStyles[size]}-fixed-height`\n        : `${classPrefix}--fixed-height`),\n  );\n\n  const bodyContent = (() => {\n    switch (bodyState) {\n      case \"loading\":\n        return (\n          <span className=\"btn__cell\">\n            {/* TODO: Replace with <EvoProgressSpinner /> when available */}\n            <span>Loading...</span>\n          </span>\n        );\n      case \"expand\":\n        return (\n          <span className=\"btn__cell\">\n            <span className=\"btn__text\">{children}</span>\n            {/* TODO: Replace with <EvoIconChevronDown16 /> when available */}\n            <span>▼</span>\n          </span>\n        );\n      default:\n        return children;\n    }\n  })();\n\n  const ariaLive = bodyState === \"loading\" ? \"polite\" : undefined;\n\n  const keyDownHandler = (\n    event: KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>,\n  ) => {\n    onKeyDown?.(\n      event as KeyboardEvent<HTMLButtonElement> &\n        KeyboardEvent<HTMLAnchorElement>,\n    );\n    if (event.key === \"Escape\" && !disabled && onEscape) {\n      onEscape(\n        event as KeyboardEvent<HTMLButtonElement> &\n          KeyboardEvent<HTMLAnchorElement>,\n      );\n    }\n  };\n\n  if (href) {\n    return (\n      <a\n        {...(rest as React.ComponentProps<\"a\">)}\n        className={className}\n        href={disabled ? undefined : href}\n        onKeyDown={keyDownHandler}\n        aria-live={ariaLive}\n      >\n        {bodyContent}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      {...(rest as React.ComponentProps<\"button\">)}\n      disabled={disabled}\n      aria-disabled={partiallyDisabled ? \"true\" : undefined}\n      aria-live={ariaLive}\n      className={className}\n      onKeyDown={keyDownHandler}\n    >\n      {bodyContent}\n    </button>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;AAcM,SAAU,UACd,OAA4C;AAE5C,QAAM,EACJ,WAAW,aACX,UAAU,YACV,MACA,WACA,OACA,cAAc,OACd,QAAQ,OACR,UACA,mBACA,UACA,WACA,UACA,WAAW,OACX,MACA,WAAW,cACX,YACA,aACA,GAAG,KAAA,IACD;AACJ,QAAM,cAAc,OAAO,aAAa;AACxC,QAAM,iBAAgD;AAAA,IACpD,SAAS,GAAG,WAAW;AAAA,IACvB,WAAW,GAAG,WAAW;AAAA,IACzB,UAAU,GAAG,WAAW;AAAA,IACxB,MAAM;AAAA,EAAA;AAER,QAAM,aAAwC;AAAA,IAC5C,OAAO,GAAG,WAAW;AAAA,IACrB,OAAO,GAAG,WAAW;AAAA,EAAA;AAEvB,QAAM,cAA0C;AAAA,IAC9C,OAAO,GAAG,WAAW;AAAA,IACrB,KAAK,GAAG,WAAW;AAAA,EAAA;AAErB,QAAM,gBAAgB,YAAY;AAClC,QAAM,SAAS,YAAY;AAC3B,QAAM,YAAY,WAChB,aACA,cACA,eAAe,UAAU,aAAa,SAAS,QAAQ,GACvD,QAAQ,WAAW,IAAI,GACvB,SAAS,YAAY,KAAK,GAC1B,iBAAiB,GAAG,WAAW,iBAC/B,UAAU,GAAG,WAAW,UACxB,eAAe,GAAG,WAAW,iBAC7B,SAAS,GAAG,WAAW,WACvB,YAAY,GAAG,WAAW,eAC1B,cAAc,GAAG,WAAW,gBAC5B,gBACG,QAAQ,WAAW,IAAI,IACpB,GAAG,WAAW,IAAI,CAAC,kBACnB,GAAG,WAAW,iBAAiB;AAGvC,QAAM,eAAe,MAAK;AACxB,YAAQ,WAAA;AAAA,MACN,KAAK;AACH,eACEA,cAAM,WAAU,aAAW,UAEzBA,IAAA,QAAA,EAAA,UAAA,aAAA,CAAA,GAAuB;AAAA,MAG7B,KAAK;AACH,eACEC,KAAA,QAAA,EAAM,WAAU,wBACdD,IAAA,QAAA,EAAM,WAAU,uBAAqB,GAErCA,IAAA,QAAA,EAAA,UAAA,KAAA,CAAc,GAAA;AAAA,MAGpB;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAAA;AAEA,QAAM,WAAW,cAAc,YAAY,WAAW;AAEtD,QAAM,iBAAiB,CACrB,UACE;AACF,gBACE,KACkC;AAEpC,QAAI,MAAM,QAAQ,YAAY,CAAC,YAAY,UAAU;AACnD,eACE,KACkC;AAAA,IAEtC;AAAA,EACF;AAEA,MAAI,MAAM;AACR,WACEA,IAAA,KAAA,EAAA,GACO,MACL,WACA,MAAM,WAAW,SAAY,MAC7B,WAAW,gBAAc,aACd,UAAQ,UAElB,aAAW;AAAA,EAGlB;AAEA,SACEA,IAAA,UAAA,EAAA,GACO,MACL,UAAkB,iBACH,oBAAoB,SAAS,QAAS,aAC1C,UACX,WACA,WAAW,gBAAc,UAExB,aAAW;AAGlB;"}

package/dist/evo-button/index.d.ts

@@ -0,0 +1,4 @@
+export { EvoButton } from "./button";
+export { EvoButtonCell } from "./button-cell";
+export type { EvoButtonProps, Size, Priority, Variant, BodyState, Split, } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/evo-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/evo-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,YAAY,EACV,cAAc,EACd,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,GACN,MAAM,SAAS,CAAC"}

package/{src/evo-button/types.ts → dist/evo-button/types.d.ts}

@@ -1,36 +1,31 @@
 import type { ComponentProps, KeyboardEvent } from "react";
-
 export type Priority = "primary" | "secondary" | "tertiary" | "none";
 export type Variant = "standard" | "destructive" | "form";
 export type Size = "small" | "large";
 export type BodyState = "loading" | "expand" | "reset" | "none";
 export type Split = "start" | "end";
-
 type BaseButtonProps = {
-  fluid?: boolean;
-  partiallyDisabled?: boolean;
-  truncate?: boolean;
-  priority?: Priority;
-  variant?: Variant;
-  size?: Size;
-  bodyState?: BodyState;
-  split?: Split;
-  transparent?: boolean;
-  borderless?: boolean;
-  fixedHeight?: boolean;
+    fluid?: boolean;
+    partiallyDisabled?: boolean;
+    truncate?: boolean;
+    priority?: Priority;
+    variant?: Variant;
+    size?: Size;
+    bodyState?: BodyState;
+    split?: Split;
+    transparent?: boolean;
+    borderless?: boolean;
+    fixedHeight?: boolean;
 };
-
-export type AnchorButtonProps = ComponentProps<"a"> &
-  BaseButtonProps & {
+export type AnchorButtonProps = ComponentProps<"a"> & BaseButtonProps & {
     href: string;
     onEscape?: (e: KeyboardEvent<HTMLAnchorElement>) => void;
     disabled?: boolean;
-  };
-
-export type NativeButtonProps = ComponentProps<"button"> &
-  BaseButtonProps & {
+};
+export type NativeButtonProps = ComponentProps<"button"> & BaseButtonProps & {
     href?: never;
     onEscape?: (e: KeyboardEvent<HTMLButtonElement>) => void;
-  };
-
+};
 export type EvoButtonProps = AnchorButtonProps | NativeButtonProps;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/evo-button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/evo-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AACrE,MAAM,MAAM,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,MAAM,CAAC;AAC1D,MAAM,MAAM,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC;AACrC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAChE,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,KAAK,CAAC;AAEpC,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,GAAG,CAAC,GACjD,eAAe,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEJ,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC,GACtD,eAAe,GAAG;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG,iBAAiB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { EvoButton, EvoButtonCell } from "./evo-button";
+export type { EvoButtonProps, Size, Priority, Variant, BodyState, Split, } from "./evo-button";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACxD,YAAY,EACV,cAAc,EACd,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,GACN,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,8 @@
+"use client";
+import { EvoButton } from "./evo-button/button.js";
+import { EvoButtonCell } from "./evo-button/button-cell.js";
+export {
+  EvoButton,
+  EvoButtonCell
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evo-web/react",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Collection of core eBay components; considered to be the building blocks for all composite structures, pages & apps.",
   "keywords": [
     "React",
@@ -24,6 +24,9 @@
       "default": "./dist/index.js"
     }
   },
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "npm run type:check && npm run test && vite build",
     "build:storybook": "storybook build -o ./_site/evo-react/$(git branch --show-current)",

package/.prettierignore

@@ -1,3 +0,0 @@
-# Autogenerated files
-src/evo-icon/icons/*
-src/evo-icon/types.ts

package/.storybook/main.js

@@ -1,32 +0,0 @@
-export default {
-  stories: ["../src/**/*.stories.tsx"],
-  typescript: {
-    reactDocgen: "react-docgen-typescript",
-    reactDocgenTypescriptOptions: {
-      compilerOptions: {
-        allowSyntheticDefaultImports: true,
-        esModuleInterop: true,
-      },
-    },
-  },
-  addons: ["@storybook/addon-a11y", "@storybook/addon-docs"],
-
-  framework: {
-    name: "@storybook/react-vite",
-    options: {
-      builder: {
-        viteConfigPath: "./.storybook/vite.config.js",
-      },
-    },
-  },
-
-  docs: {
-    defaultName: "Documentation",
-    autodocs: "tag",
-  },
-
-  core: {
-    disableTelemetry: true,
-    disableWhatsNewNotifications: true,
-  },
-};

package/.storybook/manager-head.html

@@ -1,6 +0,0 @@
-<!-- hide obnoxious update popup -->
-<style>
-  [href="/?path=/settings/about"] {
-    display: none !important;
-  }
-</style>

package/.storybook/manager.ts

@@ -1,4 +0,0 @@
-import { addons } from "storybook/manager-api";
-import theme from "./theme";
-
-addons.setConfig({ theme });

package/.storybook/preview.tsx

@@ -1,50 +0,0 @@
-import React, { StrictMode } from "react";
-
-import "@ebay/skin/dist/tokens/evo-core.css";
-import "@ebay/skin/dist/tokens/evo-light.css";
-import "@ebay/skin/dist/tokens/evo-dark.css";
-import "@ebay/skin/dist/global/global.css";
-import "@ebay/skin/dist/utility/utility.css";
-import "@ebay/skin/marketsans";
-
-export default {
-  tags: ["autodocs"],
-  decorators: [
-    (Story) => (
-      <StrictMode>
-        {/* EvoIconProvider will be added when icon components are created */}
-        <Story />
-      </StrictMode>
-    ),
-  ],
-  globals: {
-    a11y: {
-      // Disable automatic a11y runs as it impacts performance of storybook.
-      // This started after a change introduced in v8.5.0 that runs the axe-core tests
-      // in sequence instead of parallel.
-      manual: true,
-    },
-  },
-  parameters: {
-    controls: { expanded: true },
-    docs: {
-      codePanel: true,
-    },
-    options: {
-      storySort: {
-        order: [
-          "buttons",
-          "data display",
-          "dialogs",
-          "form input",
-          "graphics & icons",
-          "media",
-          "navigation & disclosure",
-          "notices & tips",
-          "progress",
-          "building blocks",
-        ],
-      },
-    },
-  },
-};

package/.storybook/theme.ts

@@ -1,17 +0,0 @@
-import { create } from "storybook/theming";
-
-export default create({
-  base: "light",
-
-  // Typography
-  fontBase: '"Market Sans", Arial',
-  colorSecondary: "#97BB59",
-  appBg: "#F8FBF8",
-
-  // Brand assets
-  brandTitle: "EVO React",
-  brandUrl: "/",
-  brandImage:
-    "https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/EBay_logo.svg/1280px-EBay_logo.svg.png",
-  brandTarget: "/",
-});

package/.storybook/vite.config.js

@@ -1,3 +0,0 @@
-import { defineConfig } from "vite";
-
-export default defineConfig({});

package/CHANGELOG.md

@@ -1,11 +0,0 @@
-# @evo-web/react
-
-## 0.0.1
-
-### Patch Changes
-
-- [#525](https://github.com/eBay/evo-web/pull/525) [`4b00ffc`](https://github.com/eBay/evo-web/commit/4b00ffcaf64291002926bb0f43526234f6315396) Thanks [@HenriqueLimas](https://github.com/HenriqueLimas)! - feat(evo-react): add EvoButton component
-
-## Unreleased
-
-Initial package setup

package/eslint.config.js

@@ -1,53 +0,0 @@
-import eslint from "@eslint/js";
-import jsxA11y from "eslint-plugin-jsx-a11y";
-import react from "eslint-plugin-react";
-import reactHooks from "eslint-plugin-react-hooks";
-import storybook from "eslint-plugin-storybook";
-import vitest from "@vitest/eslint-plugin";
-import globals from "globals";
-import tseslint from "typescript-eslint";
-
-export default tseslint.config(
-  {
-    ignores: [
-      "dist",
-      "scripts",
-      ".storybook",
-      "node_modules",
-      "_site",
-      "coverage",
-    ],
-  },
-  eslint.configs.recommended,
-  ...tseslint.configs.recommended,
-  ...storybook.configs["flat/recommended"],
-  react.configs.flat.recommended,
-  jsxA11y.flatConfigs.recommended,
-  {
-    languageOptions: {
-      ...react.configs.flat.recommended.languageOptions,
-      ...jsxA11y.flatConfigs.recommended.languageOptions,
-      globals: {
-        ...globals.browser,
-        ...globals.node,
-      },
-    },
-    settings: {
-      react: {
-        version: "detect",
-      },
-    },
-
-    plugins: {
-      "react-hooks": reactHooks,
-      vitest,
-    },
-
-    rules: {
-      "no-console": ["error", { allow: ["error", "warn"] }],
-      "react/prop-types": "off",
-      "react/react-in-jsx-scope": "off",
-      ...vitest.configs.recommended.rules,
-    },
-  },
-);

package/src/evo-button/button-cell.tsx

@@ -1,21 +0,0 @@
-import type { ComponentProps } from "react";
-
-type ButtonType = "cta" | "fake" | "expand" | "default";
-type Props = ComponentProps<"span"> & {
-  type?: ButtonType;
-};
-
-const classPrefixes: { [key in ButtonType]: string } = {
-  cta: "cta-",
-  fake: "fake-",
-  expand: "expand-",
-  default: "",
-};
-
-export function EvoButtonCell({ type = "default", children, ...rest }: Props) {
-  return (
-    <span className={`${classPrefixes[type]}btn__cell`} {...rest}>
-      {children}
-    </span>
-  );
-}

package/src/evo-button/button.stories.tsx

@@ -1,113 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { EvoButton } from "./button";
-import { EvoButtonCell } from "./button-cell";
-
-const meta: Meta<typeof EvoButton> = {
-  title: "Components/EvoButton",
-  component: EvoButton,
-  tags: ["autodocs"],
-  parameters: {
-    docs: {
-      description: {
-        component: `
-A flexible button component that can render as either a \`<button>\` or \`<a>\` element based on the \`href\` prop.
-
-## Usage
-
-\`\`\`tsx
-import { EvoButton } from "@evo-web/react";
-\`\`\`
-        `,
-      },
-    },
-  },
-  argTypes: {
-    priority: {
-      control: "select",
-      options: ["primary", "secondary", "tertiary", "none"],
-      description: "Button priority level",
-    },
-    variant: {
-      control: "select",
-      options: ["standard", "destructive", "form"],
-      description: "Button variant style",
-    },
-    size: {
-      control: "select",
-      options: ["small", "large"],
-      description: "Button size",
-    },
-    bodyState: {
-      control: "select",
-      options: ["loading", "expand", "reset", "none"],
-      description: "Button body state",
-    },
-    split: {
-      control: "select",
-      options: ["start", "end"],
-      description: "Split button position",
-    },
-    fluid: {
-      control: "boolean",
-      description: "Full width button",
-    },
-    disabled: {
-      control: "boolean",
-      description: "Disabled state",
-    },
-    partiallyDisabled: {
-      control: "boolean",
-      description: "Partially disabled (aria-disabled)",
-    },
-    transparent: {
-      control: "boolean",
-      description: "Transparent background",
-    },
-    borderless: {
-      control: "boolean",
-      description: "No border",
-    },
-    fixedHeight: {
-      control: "boolean",
-      description: "Fixed height",
-    },
-    truncate: {
-      control: "boolean",
-      description: "Truncate text with ellipsis",
-    },
-    href: {
-      control: "text",
-      description: "Link URL (renders as anchor)",
-    },
-    children: {
-      control: "text",
-      description: "Button text content",
-    },
-  },
-  args: {
-    priority: "primary",
-    variant: "standard",
-    children: "Button",
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof EvoButton>;
-
-export const Default: Story = {
-  args: {
-    children: "Button",
-  },
-};
-
-export const WithButtonCell: Story = {
-  render: (args) => (
-    <EvoButton {...args}>
-      <EvoButtonCell style={{ justifyContent: "space-between" }}>
-        <span>Select</span>
-        <span>Any</span>
-      </EvoButtonCell>
-    </EvoButton>
-  ),
-};