@sats-group/ui-lib 80.4.0 → 81.0.0

package/react/visually-button/visually-button.tsx

@@ -1,111 +0,0 @@
-import cn from 'classnames';
-import * as React from 'react';
-
-import Text from '../text';
-
-import { italicMap, sizeMap, themeMap } from './maps';
-import {
-  sizes,
-  variants,
-  type VisuallyButton as Props,
-} from './visually-button.types';
-
-const VisuallyButtonRef = React.forwardRef<HTMLElement, Props>(
-  (
-    {
-      iconOnly,
-      className,
-      elementName,
-      leadingIcon,
-      trailingIcon,
-      hasStackedIcon,
-      size = sizes.basic,
-      spinning,
-      testId,
-      text,
-      variant = variants.primary,
-      wide,
-      ...rest
-    },
-    ref,
-  ) => {
-    const hasIcon = Boolean(leadingIcon || trailingIcon);
-    const renderIconOnly = Boolean(iconOnly && hasIcon);
-    const role = renderIconOnly && elementName === 'div' ? 'img' : undefined;
-
-    return React.createElement(
-      elementName,
-      {
-        'aria-label': renderIconOnly ? text : undefined,
-        className: cn(
-          'visually-button',
-          {
-            'visually-button--icon': renderIconOnly,
-            'visually-button--icon-text':
-              (leadingIcon || trailingIcon) && !iconOnly,
-            'visually-button--icon-text--stacked': hasStackedIcon,
-            [`visually-button--size-${size}`]: size,
-            'visually-button--spinning': spinning,
-            [`visually-button--variant-${variant}`]: variant,
-            'visually-button--wide': wide,
-          },
-          className,
-        ),
-        'data-testid': testId,
-        role,
-        ...rest,
-        ref,
-      },
-      leadingIcon ? (
-        <div className="visually-button__icon">{leadingIcon}</div>
-      ) : null,
-      renderIconOnly ? null : (
-        <Text
-          className="visually-button__text"
-          italic={italicMap[variant]}
-          size={sizeMap[size]}
-          theme={themeMap[variant]}
-          elementName="span"
-        >
-          {text}
-        </Text>
-      ),
-      trailingIcon ? (
-        <div className="visually-button__icon">{trailingIcon}</div>
-      ) : null,
-      spinning ? (
-        <div className="visually-button__spinner">
-          <svg
-            className="visually-button__spinner-icon"
-            width="24px"
-            height="24px"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            strokeWidth="2"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <circle opacity="0.1" cx="12" cy="12" r="10" />
-            <path
-              d="M12 2C13.9778 2 15.9112 2.58649 17.5557 3.6853C19.2002 4.78412 20.4819 6.3459 21.2388 8.17316C21.9957 10.0004 22.1937 12.0111 21.8079 13.9509C21.422 15.8907 20.4696 17.6725 19.0711 19.0711C17.6725 20.4696 15.8907 21.422 13.9509 21.8079C12.0111 22.1937 10.0004 21.9957 8.17317 21.2388C6.3459 20.4819 4.78412 19.2002 3.6853 17.5557C2.58649 15.9112 2 13.9778 2 12"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            />
-          </svg>
-        </div>
-      ) : null,
-    );
-  },
-);
-
-VisuallyButtonRef.displayName = 'VisuallyButton';
-
-const VisuallyButton: typeof VisuallyButtonRef & {
-  sizes: typeof sizes;
-  variants: typeof variants;
-} = Object.assign(VisuallyButtonRef, {
-  sizes,
-  variants,
-});
-
-export default VisuallyButton;

package/react/visually-button/visually-button.types.ts

@@ -1,59 +0,0 @@
-import type { ReactElement } from 'react';
-
-import type {
-  ButtonHtmlProps,
-  DivHtmlProps,
-  LinkHtmlProps,
-  ObjectValues,
-} from '../types';
-
-export const sizes = {
-  small: 'small',
-  basic: 'basic',
-  large: 'large',
-} as const;
-
-export const variants = {
-  complete: 'complete',
-  cta: 'cta',
-  ctaSecondary: 'cta-secondary',
-  ctaSecondaryWhite: 'cta-secondary-white',
-  primary: 'primary',
-  primaryDestructive: 'primary-destructive',
-  primaryWhite: 'primary-white',
-  secondary: 'secondary',
-  secondaryWhite: 'secondary-white',
-  secondaryDestructive: 'secondary-destructive',
-  tertiary: 'tertiary',
-  tertiaryDestructive: 'tertiary-destructive',
-  fixedTertiary: 'fixed-tertiary',
-  waitlist: 'waitlist',
-  waitlistSecondary: 'waitlist-secondary',
-} as const;
-
-type CommonProps<ElementName extends string> = {
-  className?: string;
-  elementName: ElementName;
-  hasStackedIcon?: boolean;
-  iconOnly?: boolean;
-  leadingIcon?: ReactElement;
-  size?: ObjectValues<typeof sizes>;
-  spinning?: boolean;
-  testId?: string;
-  text: string;
-  trailingIcon?: ReactElement;
-  variant?: ObjectValues<typeof variants>;
-  wide?: boolean;
-};
-
-type Props<ElementProps, ElementName extends string> = ElementProps &
-  CommonProps<ElementName>;
-
-export type VisuallyButtonButton = Props<ButtonHtmlProps, 'button'>;
-export type VisuallyButtonDiv = Props<DivHtmlProps, 'div'>;
-export type VisuallyButtonLink = Props<LinkHtmlProps, 'a'> & { href: string };
-
-export type VisuallyButton =
-  | VisuallyButtonButton
-  | VisuallyButtonDiv
-  | VisuallyButtonLink;

package/react/visually-hidden/visually-hidden.tsx

@@ -1,10 +0,0 @@
-import * as React from 'react';
-
-const VisuallyHidden: React.FunctionComponent<React.PropsWithChildren> = ({
-  children,
-}) =>
-  React.Children.count(children) === 0 ? null : (
-    <span className="visually-hidden">{children}</span>
-  );
-
-export default VisuallyHidden;