@arc-ui/community-components 3.2.0 → 3.3.0

package/src/components/HeroLink/HeroLink.tsx

@@ -1,136 +0,0 @@
-import React, { type Ref } from "react";
-import classNames from "classnames";
-import { BtIconArrowAltRight } from "@arc-ui/icons/BtIconArrowAltRight";
-import { Icon } from "@arc-ui/components/Icon";
-import styles from "./HeroLink.module.css";
-
-export type ElementUnion = HTMLButtonElement | HTMLAnchorElement;
-export type ButtonRef = Ref<ElementUnion> | null;
-type AnchorElProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
-type ButtonElProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
-type CommonElProps = AnchorElProps & ButtonElProps & { ref?: ButtonRef | null };
-
-/**
- * Pill-style HeroLink component with default and hover states
- */
-export const HeroLink = ({
-  label,
-  onClick,
-  href,
-  id,
-  rel,
-  target,
-  ariaLabel,
-  ref,
-  ...props
-}: HeroLinkProps) => {
-  const HeroLinkClasses = classNames(styles.heroLink, {
-    [styles["heroLink--emptyLabel"]]: !label,
-  });
-
-  const commonProps: CommonElProps = {
-    id,
-    onClick,
-    ref,
-    ...props,
-  };
-
-  if (href) {
-    return (
-      <a
-        {...(commonProps as AnchorElProps)}
-        className={HeroLinkClasses}
-        href={href}
-        rel={rel}
-        aria-label={ariaLabel}
-        target={target}
-      >
-        <span className={styles["heroLink-inner"]}>
-          {label && <span className={styles["heroLink-label"]}>{label}</span>}
-          <span className={styles["heroLink-icon"]}>
-            <Icon
-              testId="hero-link-icon"
-              size={24}
-              icon={BtIconArrowAltRight}
-            />
-          </span>
-        </span>
-      </a>
-    );
-  }
-  return (
-    <button
-      {...(commonProps as ButtonElProps)}
-      className={HeroLinkClasses}
-      aria-label={ariaLabel}
-    >
-      <span className={styles["heroLink-inner"]}>
-        {label && <span className={styles["heroLink-label"]}>{label}</span>}
-        <span className={styles["heroLink-icon"]}>
-          <Icon testId="hero-link-icon" size={24} icon={BtIconArrowAltRight} />
-        </span>
-      </span>
-    </button>
-  );
-};
-
-interface LinkElementProps {
-  /**
-   * URL to link to if `HeroButton` elementType is 'a'.
-   */
-  href?: string;
-
-  /**
-   * Target window for the `HeroButton` href URL.
-   */
-  target?: string;
-
-  /**
-   * Relationship between the Button href URL and the current page. See
-   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel).
-   */
-  rel?: string;
-}
-
-interface HeroButtonElementProps {
-  /**
-   * Default behavior of the Button element. If not provided, 'submit' will
-   * be inferred. Type 'reset' deliberately excluded.
-   */
-  type?: "button" | "submit";
-
-  /**
-   * Refers to the id of a form so it can be submitted if the button exists outside of it.
-   */
-  form?: string;
-}
-
-export interface HeroLinkProps
-  extends HeroButtonElementProps,
-    LinkElementProps {
-  /**
-   * Label for `HeroLink`
-   */
-  label?: string;
-
-  /**
-   * Optional click handler for the `HeroLink`.
-   */
-  onClick?: () => void;
-
-  /**
-   * Optional property to provide component Ref
-   */
-  ref?: ButtonRef;
-
-  /**
-   * Text to override `label` with additional, more precise information
-   * specifically for screen reader users.
-   */
-  ariaLabel?: string;
-
-  /**
-   * HTML ID for the `HeroLink`
-   */
-  id?: string;
-}

package/src/components/HeroLink/index.ts

@@ -1,2 +0,0 @@
-export { HeroLink } from "./HeroLink";
-export type { HeroLinkProps } from "./HeroLink";