@sats-group/ui-lib 80.4.0 → 81.0.0

package/react/hooks/use-escape.ts

@@ -1,18 +0,0 @@
-import { useCallback } from 'react';
-
-import useEvent from './use-event';
-
-const useEscape = (callback: () => void) => {
-  const handleKeyDown = useCallback(
-    (event: KeyboardEvent) => {
-      if (event.code === 'Escape') {
-        callback();
-      }
-    },
-    [callback],
-  );
-
-  useEvent('keydown', handleKeyDown);
-};
-
-export default useEscape;

package/react/hooks/use-event.ts

@@ -1,29 +0,0 @@
-import { useEffect } from 'react';
-
-import isRunningOnClient from './is-running-on-client';
-
-const defaultTarget = isRunningOnClient ? window : null;
-
-const useEvent = <T extends Event = Event>(
-  name: string,
-  handler: (event: T) => void,
-  target: EventTarget | null = defaultTarget,
-) => {
-  useEffect(() => {
-    if (!name) {
-      return;
-    }
-
-    if (!target) {
-      return;
-    }
-
-    target.addEventListener(name, handler);
-
-    return () => {
-      target.removeEventListener(name, handler);
-    };
-  }, [name, handler, target]);
-};
-
-export default useEvent;

package/react/hooks/use-is-mounted.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-
-export const useIsMounted = () => {
-  const [isMounted, setIsMounted] = React.useState(false);
-
-  React.useEffect(() => {
-    setIsMounted(true);
-  }, []);
-
-  return isMounted;
-};

package/react/hooks/use-toggle.ts

@@ -1,19 +0,0 @@
-import { useState } from 'react';
-
-const useToggle = (
-  initialState: boolean,
-): [
-  state: boolean,
-  toggle: () => void,
-  turnOn: () => void,
-  turnOff: () => void,
-] => {
-  const [state, setState] = useState(!!initialState);
-  const toggle = () => setState(!state);
-  const turnOn = () => setState(true);
-  const turnOff = () => setState(false);
-
-  return [state, toggle, turnOn, turnOff];
-};
-
-export default useToggle;

package/react/icons/16/add.tsx

@@ -1,13 +0,0 @@
-import * as React from 'react';
-const SvgAdd = () =>
-  /* @__PURE__ */ React.createElement(
-    'svg',
-    { width: 16, height: 16, fill: 'none' },
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      fillRule: 'evenodd',
-      d: 'M8 2.833a.5.5 0 0 1 .5.5V7.5h4.167a.5.5 0 0 1 0 1H8.5v4.167a.5.5 0 0 1-1 0V8.5H3.333a.5.5 0 0 1 0-1H7.5V3.333a.5.5 0 0 1 .5-.5',
-      clipRule: 'evenodd',
-    }),
-  );
-export default SvgAdd;

package/react/icons/16/close.tsx

@@ -1,12 +0,0 @@
-import * as React from 'react';
-const SvgClose = () => (
-  <svg width={16} height={16} fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M3.646 3.947a.5.5 0 0 1 .708 0L8 7.594l3.646-3.647a.5.5 0 0 1 .708.708L8.707 8.3l3.647 3.646a.5.5 0 0 1-.708.708L8 9.008l-3.646 3.647a.5.5 0 0 1-.708-.707L7.293 8.3 3.646 4.655a.5.5 0 0 1 0-.708Z"
-      fill="currentColor"
-    />
-  </svg>
-);
-export default SvgClose;

package/react/icons/16/error.tsx

@@ -1,23 +0,0 @@
-import * as React from 'react';
-const SvgError = () =>
-  /* @__PURE__ */ React.createElement(
-    'svg',
-    { width: 16, height: 16, fill: 'none' },
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      fillRule: 'evenodd',
-      d: 'M4.885.98A.5.5 0 0 1 5.24.833h5.522a.5.5 0 0 1 .354.147l3.905 3.905a.5.5 0 0 1 .147.354v5.522a.5.5 0 0 1-.147.354l-3.905 3.905a.5.5 0 0 1-.354.147H5.24a.5.5 0 0 1-.354-.147L.98 11.115a.5.5 0 0 1-.147-.354V5.24a.5.5 0 0 1 .147-.354zm.561.853L1.834 5.447v5.108l3.612 3.613h5.108l3.613-3.613V5.446l-3.613-3.612z',
-      clipRule: 'evenodd',
-    }),
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      fillRule: 'evenodd',
-      d: 'M8.007 4.5c.507.005.9.444.848.948l-.33 3.16a.528.528 0 0 1-1.05 0l-.328-3.16a.86.86 0 0 1 .86-.947',
-      clipRule: 'evenodd',
-    }),
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      d: 'M8 11.637a.606.606 0 1 0 0-1.213.606.606 0 0 0 0 1.213',
-    }),
-  );
-export default SvgError;

package/react/icons/16/fistbump.tsx

@@ -1,13 +0,0 @@
-import * as React from 'react';
-const SvgFistbump = () =>
-  /* @__PURE__ */ React.createElement(
-    'svg',
-    { width: 16, height: 16, fill: 'none' },
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      fillRule: 'evenodd',
-      d: 'M2.29 2.934a2.7 2.7 0 0 1 1.892-.767h7.636c.708 0 1.389.274 1.893.767A2.6 2.6 0 0 1 14.5 4.8v6.933c0 .561-.228 1.096-.63 1.49a2.15 2.15 0 0 1-1.506.61H9.09a2.7 2.7 0 0 1-1.892-.767 2.6 2.6 0 0 1-.79-1.866v-.047a1.88 1.88 0 0 1-1.21-.654 2.15 2.15 0 0 1-1.563.668 2.16 2.16 0 0 1-1.506-.611 2.08 2.08 0 0 1-.63-1.49V4.8c0-.702.285-1.373.79-1.866m3.483 6.141v.258c0 .218.088.428.249.586a.88.88 0 0 0 .948.183.9.9 0 0 0 .281-.183.83.83 0 0 0 .249-.586v-2.32a.5.5 0 0 1 1 0v2.32c0 .218.088.428.249.586a.88.88 0 0 0 .615.248.88.88 0 0 0 .614-.248.82.82 0 0 0 .25-.586v-2.4a.5.5 0 1 1 1 0v2.134c0 .288.116.566.328.774.212.207.503.326.808.326s.595-.119.807-.326.329-.486.329-.774V4.8c0-.43-.174-.844-.489-1.151a1.7 1.7 0 0 0-1.193-.482H4.182c-.45 0-.879.174-1.193.482A1.6 1.6 0 0 0 2.5 4.8v4.267c0 .288.117.566.329.774.212.207.502.326.807.326s.596-.119.808-.326c.21-.206.327-.483.329-.769V6.933a.5.5 0 1 1 1 0v2.142m7.727 1.77a2.164 2.164 0 0 1-2.698-.346q-.059.07-.125.135a1.88 1.88 0 0 1-1.313.533A1.88 1.88 0 0 1 8 10.583a1.9 1.9 0 0 1-.59.419v.198c0 .43.173.844.488 1.151.314.308.743.482 1.193.482h3.273c.305 0 .595-.118.807-.326.212-.207.329-.486.329-.774z',
-      clipRule: 'evenodd',
-    }),
-  );
-export default SvgFistbump;

package/react/icons/16/info.tsx

@@ -1,17 +0,0 @@
-import * as React from 'react';
-const SvgInfo = () =>
-  /* @__PURE__ */ React.createElement(
-    'svg',
-    { width: 16, height: 16, fill: 'none' },
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      fillRule: 'evenodd',
-      d: 'M1.926 8a6.074 6.074 0 1 0 12.148 0A6.074 6.074 0 0 0 1.926 8M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1',
-      clipRule: 'evenodd',
-    }),
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      d: 'M8.523 11.038v-3.61a.588.588 0 1 0-1.176 0v3.61a.588.588 0 0 0 1.176 0M7.935 5.854a.74.74 0 1 0 0-1.48.74.74 0 0 0 0 1.48',
-    }),
-  );
-export default SvgInfo;

package/react/icons/16/send.tsx

@@ -1,13 +0,0 @@
-import * as React from 'react';
-const SvgSend = () =>
-  /* @__PURE__ */ React.createElement(
-    'svg',
-    { width: 16, height: 16, fill: 'none' },
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      fillRule: 'evenodd',
-      d: 'M13.834 2.107c.13.108.19.279.157.445L11.776 13.63a.46.46 0 0 1-.73.279L7.37 11.15l-1.784 2.13a.462.462 0 0 1-.816-.295V9.2L2.185 7.262a.462.462 0 0 1 .105-.798l11.077-4.431a.46.46 0 0 1 .467.074M5.692 9.892v1.822l.937-1.119zm.382-.868 6.763-5.41-1.823 9.116zm4.744-4.977L5.311 8.452 3.395 7.016z',
-      clipRule: 'evenodd',
-    }),
-  );
-export default SvgSend;

package/react/icons/18/arrow-down.tsx

@@ -1,13 +0,0 @@
-import * as React from 'react';
-const SvgArrowDown = () =>
-  /* @__PURE__ */ React.createElement(
-    'svg',
-    { width: 18, height: 18, fill: 'none' },
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      fillRule: 'evenodd',
-      d: 'M4.826 6.7a.6.6 0 0 1 .848 0L9 10.028 12.326 6.7a.6.6 0 1 1 .848.848l-3.75 3.75a.6.6 0 0 1-.848 0l-3.75-3.75a.6.6 0 0 1 0-.848',
-      clipRule: 'evenodd',
-    }),
-  );
-export default SvgArrowDown;

package/react/icons/18/close.tsx

@@ -1,18 +0,0 @@
-import * as React from 'react';
-const SvgClose = () => (
-  <svg width={18} height={18} fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M14.424 3.877a.6.6 0 0 1 0 .848l-9 9a.6.6 0 1 1-.848-.848l9-9a.6.6 0 0 1 .848 0Z"
-      fill="currentColor"
-    />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M4.576 3.877a.6.6 0 0 1 .848 0l9 9a.6.6 0 0 1-.848.848l-9-9a.6.6 0 0 1 0-.848Z"
-      fill="currentColor"
-    />
-  </svg>
-);
-export default SvgClose;

package/react/icons/18/confirm.tsx

@@ -1,19 +0,0 @@
-import * as React from 'react';
-const SvgConfirm = () =>
-  /* @__PURE__ */ React.createElement(
-    'svg',
-    { width: 18, height: 18, fill: 'none' },
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      fillRule: 'evenodd',
-      d: 'M12.712 6.682a.525.525 0 0 1 0 .743L7.886 12.25 5.288 9.652a.525.525 0 0 1 .742-.742l1.856 1.856 4.084-4.084a.525.525 0 0 1 .742 0',
-      clipRule: 'evenodd',
-    }),
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      fillRule: 'evenodd',
-      d: 'M2.926 9a6.074 6.074 0 1 0 12.148 0A6.074 6.074 0 0 0 2.926 9M9 2a7 7 0 1 0 0 14A7 7 0 0 0 9 2',
-      clipRule: 'evenodd',
-    }),
-  );
-export default SvgConfirm;

package/react/icons/18/error.tsx

@@ -1,23 +0,0 @@
-import * as React from 'react';
-const SvgError = () =>
-  /* @__PURE__ */ React.createElement(
-    'svg',
-    { width: 18, height: 18, fill: 'none' },
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      fillRule: 'evenodd',
-      d: 'M5.496 1.102a.56.56 0 0 1 .398-.165h6.212c.15 0 .293.06.398.165l4.394 4.394a.56.56 0 0 1 .165.398v6.212c0 .15-.06.293-.165.398l-4.394 4.394a.56.56 0 0 1-.398.165H5.894a.56.56 0 0 1-.398-.165l-4.394-4.394a.56.56 0 0 1-.165-.398V5.894c0-.15.06-.293.165-.398zm.63.96L2.063 6.128v5.746l4.065 4.065h5.746l4.065-4.065V6.127l-4.065-4.064z',
-      clipRule: 'evenodd',
-    }),
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      fillRule: 'evenodd',
-      d: 'M9.008 5.063a.966.966 0 0 1 .953 1.066l-.37 3.556a.594.594 0 0 1-1.182 0L8.04 6.129a.966.966 0 0 1 .968-1.066',
-      clipRule: 'evenodd',
-    }),
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      d: 'M9 13.09a.682.682 0 1 0 0-1.363.682.682 0 0 0 0 1.364',
-    }),
-  );
-export default SvgError;

package/react/icons/18/info.tsx

@@ -1,17 +0,0 @@
-import * as React from 'react';
-const SvgInfo = () =>
-  /* @__PURE__ */ React.createElement(
-    'svg',
-    { width: 18, height: 18, fill: 'none' },
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      fillRule: 'evenodd',
-      d: 'M2.059 9A6.941 6.941 0 1 0 15.94 9 6.941 6.941 0 0 0 2.06 9M9 1a8 8 0 1 0 0 16A8 8 0 0 0 9 1',
-      clipRule: 'evenodd',
-    }),
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      d: 'M9.598 12.472V8.347a.672.672 0 0 0-1.344 0v4.125a.672.672 0 0 0 1.344 0M8.926 6.547a.846.846 0 1 0 0-1.691.846.846 0 0 0 0 1.691',
-    }),
-  );
-export default SvgInfo;

package/react/icons/18/warning-sign.tsx

@@ -1,23 +0,0 @@
-import * as React from 'react';
-const SvgWarningSign = () =>
-  /* @__PURE__ */ React.createElement(
-    'svg',
-    { width: 18, height: 18, fill: 'none' },
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      d: 'M9.002 13.896c.377 0 .682-.32.682-.714 0-.395-.305-.715-.682-.715s-.682.32-.682.715.305.714.682.714',
-    }),
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      fillRule: 'evenodd',
-      d: 'M9.247 6.565a.75.75 0 0 1 .74.828l-.394 3.792a.594.594 0 0 1-1.182 0l-.394-3.796a.75.75 0 0 1 .752-.827z',
-      clipRule: 'evenodd',
-    }),
-    /* @__PURE__ */ React.createElement('path', {
-      fill: 'currentColor',
-      fillRule: 'evenodd',
-      d: 'M15.513 17.041c.263.002.522-.068.75-.202.23-.134.422-.328.559-.563a1.65 1.65 0 0 0 .046-1.568L10.355 1.812a1.6 1.6 0 0 0-.564-.623 1.48 1.48 0 0 0-1.578 0c-.239.15-.434.366-.564.623L1.136 14.708a1.65 1.65 0 0 0 .045 1.567c.137.235.328.429.557.563s.487.204.75.203zM2.141 15.213a.53.53 0 0 0 .014.498.43.43 0 0 0 .152.157.34.34 0 0 0 .175.048h13.039a.34.34 0 0 0 .175-.048.43.43 0 0 0 .153-.157.52.52 0 0 0 .014-.497v-.001L9.35 2.319a.45.45 0 0 0-.159-.179.35.35 0 0 0-.189-.056.35.35 0 0 0-.19.056.45.45 0 0 0-.158.18z',
-      clipRule: 'evenodd',
-    }),
-  );
-export default SvgWarningSign;

package/react/icons/24/arrow-down.tsx

@@ -1,14 +0,0 @@
-import * as React from 'react';
-const SvgArrowDown = () => (
-  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="m17 9.5-5 5-5-5"
-      stroke="currentColor"
-      strokeWidth={1.5}
-      strokeMiterlimit={10}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
-);
-export default SvgArrowDown;

package/react/icons/24/arrow-right.tsx

@@ -1,14 +0,0 @@
-import * as React from 'react';
-const SvgArrowRight = () => (
-  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="m9.5 7 5 5-5 5"
-      stroke="currentColor"
-      strokeWidth={1.5}
-      strokeMiterlimit={10}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
-);
-export default SvgArrowRight;

package/react/icons/24/arrow-up.tsx

@@ -1,14 +0,0 @@
-import * as React from 'react';
-const SvgArrowUp = () => (
-  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="m7 14.5 5-5 5 5"
-      stroke="currentColor"
-      strokeWidth={1.5}
-      strokeMiterlimit={10}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
-);
-export default SvgArrowUp;

package/react/icons/24/close.tsx

@@ -1,12 +0,0 @@
-import * as React from 'react';
-const SvgClose = () => (
-  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z"
-      fill="currentColor"
-    />
-  </svg>
-);
-export default SvgClose;

package/react/icons/24/remove.tsx

@@ -1,12 +0,0 @@
-import * as React from 'react';
-const SvgRemove = () => (
-  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M12 2.75a9.25 9.25 0 1 0 0 18.5 9.25 9.25 0 0 0 0-18.5ZM1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12 17.937 22.75 12 22.75 1.25 17.937 1.25 12Zm6.583-4.167a.75.75 0 0 1 1.061 0L12 10.94l3.106-3.106a.75.75 0 0 1 1.06 1.061L13.062 12l3.106 3.106a.75.75 0 0 1-1.061 1.06L12 13.062l-3.106 3.106a.75.75 0 1 1-1.06-1.061L10.938 12 7.833 8.894a.75.75 0 0 1 0-1.06Z"
-      fill="currentColor"
-    />
-  </svg>
-);
-export default SvgRemove;

package/react/icons/24/search.tsx

@@ -1,10 +0,0 @@
-import * as React from 'react';
-const SvgSearch = () => (
-  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="m20.47 21.53.53.53L22.06 21l-.53-.53-1.06 1.06Zm-4.65-6.77a.75.75 0 1 0-1.06 1.06l1.06-1.06Zm5.71 5.71-5.71-5.71-1.06 1.06 5.71 5.71 1.06-1.06ZM16.65 10.2a6.45 6.45 0 0 1-6.45 6.45v1.5a7.95 7.95 0 0 0 7.95-7.95h-1.5Zm-6.45 6.45a6.45 6.45 0 0 1-6.45-6.45h-1.5a7.95 7.95 0 0 0 7.95 7.95v-1.5ZM3.75 10.2a6.45 6.45 0 0 1 6.45-6.45v-1.5a7.95 7.95 0 0 0-7.95 7.95h1.5Zm6.45-6.45a6.45 6.45 0 0 1 6.45 6.45h1.5a7.95 7.95 0 0 0-7.95-7.95v1.5Z"
-      fill="currentColor"
-    />
-  </svg>
-);
-export default SvgSearch;

package/react/icons/icons.md

@@ -1,3 +0,0 @@
-These icons are local to ui-lib so it doesn't have to depend on @sats-group/icons.
-
-It might be nicer to refactor the few components that have embedded icons to take icons as input instead.

package/react/link/link.tsx

@@ -1,62 +0,0 @@
-import * as React from 'react';
-
-import Text from '../text';
-
-import {
-  Link as Props,
-  variants,
-  sizes,
-  iconPositions,
-  backgrounds,
-} from './link.types';
-import classNames from 'classnames';
-
-const Link: React.FC<Props> & {
-  variants: typeof variants;
-  sizes: typeof sizes;
-  iconPositions: typeof iconPositions;
-  backgrounds: typeof backgrounds;
-} = ({
-  href,
-  icon,
-  testId,
-  text,
-  variant,
-  size = sizes.basic,
-  background = backgrounds.defualt,
-  iconPosition = iconPositions.prefix,
-  ...rest
-}) => (
-  <Text
-    elementName="a"
-    size={size}
-    className={classNames('link', variant, {
-      [`link--background-${background}-${variant}`]: variant,
-      [`link--background-${background}`]: background,
-    })}
-    href={href}
-    data-testid={testId}
-    {...rest}
-  >
-    {icon ? (
-      iconPosition === iconPositions.prefix ? (
-        <>
-          {icon} {text}
-        </>
-      ) : (
-        <>
-          {text} {icon}
-        </>
-      )
-    ) : (
-      text
-    )}
-  </Text>
-);
-
-Link.variants = variants;
-Link.sizes = sizes;
-Link.iconPositions = iconPositions;
-Link.backgrounds = backgrounds;
-
-export default Link;

package/react/link/link.types.ts

@@ -1,37 +0,0 @@
-import { ObjectValues } from '../types';
-
-import { sizes as TextSizes } from '../text/text.types';
-
-import type { AnchorHTMLAttributes } from 'react';
-
-export const variants = {
-  orange: 'orange',
-} as const;
-
-export const backgrounds = {
-  defualt: 'default',
-  fixed: 'fixed',
-} as const;
-
-export const sizes = {
-  interface: TextSizes.interface,
-  small: TextSizes.small,
-  basic: TextSizes.basic,
-  large: TextSizes.large,
-};
-
-export const iconPositions = {
-  prefix: 'prefix',
-  suffix: 'suffix',
-};
-
-export interface Link extends AnchorHTMLAttributes<HTMLAnchorElement> {
-  href: string;
-  icon?: React.ReactNode;
-  testId?: string;
-  text: string;
-  variant?: ObjectValues<typeof variants>;
-  background?: ObjectValues<typeof backgrounds>;
-  size?: ObjectValues<typeof sizes>;
-  iconPosition?: ObjectValues<typeof iconPositions>;
-}

package/react/link-button/link-button.tsx

@@ -1,17 +0,0 @@
-import * as React from 'react';
-
-import VisuallyButton from '../visually-button/visually-button';
-
-import { LinkButton as Props } from './link-button.types';
-
-const LinkButton: React.FunctionComponent<Props> & {
-  sizes: typeof VisuallyButton.sizes;
-  variants: typeof VisuallyButton.variants;
-} = ({ href, ...rest }) => (
-  <VisuallyButton elementName="a" href={href} {...rest} />
-);
-
-LinkButton.sizes = VisuallyButton.sizes;
-LinkButton.variants = VisuallyButton.variants;
-
-export default LinkButton;

package/react/link-card/link-card.tsx

@@ -1,24 +0,0 @@
-import * as React from 'react';
-
-import ArrowRight from '../icons/24/arrow-right';
-import Text from '../text';
-
-import { LinkCard as Props } from './link-card.types';
-
-const LinkCard: React.FC<Props> = ({ href, text, title }) => (
-  <a className="link-card" href={href}>
-    <Text className="link-card__title" size={Text.sizes.basic}>
-      {title}
-    </Text>
-    <div className="link-card__icon">
-      <ArrowRight />
-    </div>
-    {text ? (
-      <div className="link-card__text">
-        <Text size={Text.sizes.small}>{text}</Text>
-      </div>
-    ) : null}
-  </a>
-);
-
-export default LinkCard;

package/react/link-card/link-card.types.ts

@@ -1,5 +0,0 @@
-export type LinkCard = {
-  href: string;
-  text?: string;
-  title: string;
-};

package/react/logos/e-avatar.tsx

@@ -1,12 +0,0 @@
-import * as React from 'react';
-const SvgEAvatar = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={73}
-    height={72}
-    fill="currentColor"
-  >
-    <path d="m38.287 24.48-2.02 6.902h12.798l-2.41 8.446h-12.8l-2.233 7.726h17.16L46.3 56H19l11.63-40H58l-2.482 8.446h-17.23z" />
-  </svg>
-);
-export default SvgEAvatar;

package/react/logos/elixia-anniversary-light.tsx

@@ -1,70 +0,0 @@
-import * as React from 'react';
-const SvgElixiaAnniversaryLight = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={127} height={41} fill="none">
-    <path
-      fill="#FA5333"
-      d="m100.63 28.39-.358-3.835h1.422l.184 2.247 1.705-2.247h1.698l-3.195 3.985-.523 1.84h-1.498l.566-1.99zM106.886 25.87l-.258.883h1.764l-.374 1.314h-1.764l-.292 1h2.479l-.374 1.314h-3.977l1.672-5.824h3.869l-.375 1.315h-2.371zM113.84 24.555v5.824h-1.347v-1.182h-1.889l-.657 1.182h-1.606l3.494-5.824zm-1.347 3.329v-2.063l-1.148 2.063zM118.025 28.124l.882 2.255h-1.564l-.831-2.32-.667 2.32h-1.496l1.663-5.824h2.289c1.14 0 1.747.658 1.747 1.556 0 1.057-.732 1.915-2.022 2.013zm.59-1.87c0-.275-.2-.45-.557-.45h-.907l-.307 1.083h.999c.507 0 .774-.258.774-.632zM119.182 29.548l1.14-.874c.292.332.699.508 1.106.508.507 0 .724-.216.724-.532 0-.225-.166-.39-.432-.615l-.383-.326c-.399-.34-.732-.79-.732-1.372 0-1.04.883-1.897 2.221-1.897 1.007 0 1.673.425 1.938.849l-1.148.866a1.29 1.29 0 0 0-.915-.4c-.374 0-.583.175-.583.458 0 .232.2.407.425.6l.391.332c.383.325.74.782.74 1.347 0 1.115-.766 2.005-2.313 2.005-1.015 0-1.764-.39-2.179-.948z"
-    />
-    <path
-      fill="currentColor"
-      d="m112.33 10.57-4.42 3.203c1.782.586 2.752 2.053 2.752 3.834 0 2.616-1.984 5.502-6.089 5.502-3.158 0-4.939-1.67-5.571-3.36l3.248-1.714c.43.902 1.151 1.556 2.323 1.556 1.376 0 2.03-.948 2.03-1.962 0-.743-.428-1.623-1.67-1.623-.405 0-.766.09-1.059.225l-1.354-2.21 4.736-3.452h-5.052l1.082-3.562h10.104zM112.128 18.712c0-4.85 3.383-12.021 9.202-12.021 3.27 0 4.646 1.917 4.646 4.42 0 4.849-3.405 11.998-9.202 11.998-3.271 0-4.646-1.984-4.646-4.397m9.698-6.9c0-.971-.316-1.49-1.196-1.49-2.052 0-4.352 4.963-4.352 7.668 0 .857.202 1.49 1.195 1.49 2.053 0 4.353-4.962 4.353-7.669"
-    />
-    <path
-      fill="#DBDEE0"
-      d="M124.754 23.37c-4.286-1.054-4.203-3.184-4.203-3.184l.889-1.343s-.085 2.13 4.202 3.184z"
-    />
-    <path
-      fill="#FA5333"
-      d="M98.047 11.83c1.462.61 2.06 1.766 2.06 1.766l-1.047 1.222s-.598-1.154-2.061-1.765zM98.567 5.83c.626-.14 1.094.1 1.094.1l-.06.649s-.468-.242-1.092-.1l.06-.648zM103.905 2.524c.563-.88 1.382-1.137 1.382-1.137l.675.82s-.818.258-1.382 1.139l-.675-.82z"
-    />
-    <path
-      fill="#FF9283"
-      d="M107.879 5.77c1.005.664 1.287 1.612 1.287 1.612l-.957.764s-.282-.948-1.287-1.613z"
-    />
-    <path
-      fill="#FA5333"
-      d="M113.894 2.234c.188-.907.784-1.378.784-1.378l.817.465s-.596.471-.784 1.378z"
-    />
-    <path
-      fill="#DBDEE0"
-      d="M119.723 4.024a2.04 2.04 0 0 1 1.265.267l-.158.751s-.514-.346-1.265-.267z"
-    />
-    <path
-      fill="#FA5333"
-      d="M101.184 11.793c.448-.608 1.048-.757 1.048-.757l.449.622s-.602.147-1.048.757z"
-    />
-    <path
-      fill="#FF9283"
-      d="M125.153 10.315c.92-.652 1.844-.577 1.844-.577l.343 1.094s-.923-.075-1.844.577z"
-    />
-    <path
-      fill="#FA5333"
-      d="M120.52 7.283c.79-.6 1.603-.56 1.603-.56l.332.952s-.812-.04-1.604.559z"
-    />
-    <path
-      fill="#DBDEE0"
-      d="M108.223-1.596c.755.59.917 1.36.917 1.36l-.806.544s-.163-.77-.917-1.36z"
-    />
-    <path
-      fill="#FA5333"
-      d="M98.7 20.945c-.473-.93-.28-1.764-.28-1.764l1.046-.167s-.193.835.28 1.764z"
-    />
-    <path
-      fill="#C6CDD1"
-      d="M103.507 23.826c-.565-1.094-.343-2.08-.343-2.08l1.234-.205s-.222.985.343 2.081z"
-    />
-    <path
-      fill="#DBDEE0"
-      d="M108.748 14.542c.622-.67 1.366-.764 1.366-.764l.453.809s-.744.094-1.366.765z"
-    />
-    <path
-      fill="#FF9283"
-      d="M114.429 23.434c.328-1.061 1.093-1.556 1.093-1.556l.923.648s-.765.495-1.093 1.557z"
-    />
-    <path
-      fill="currentColor"
-      d="m9.94 14.28-1.038 3.524h6.483l-1.21 4.363h-6.57L6.483 26.11h8.816l-1.296 4.363H0L5.964 10h14.002l-1.297 4.363H9.94zM32.585 26.195l-1.297 4.363H17.805l5.964-20.474h5.186l-4.668 16.195h8.298zM40.536 10h5.186l-5.964 20.474h-5.186zM58.514 20.489l3.544 9.985h-5.273l-2.16-6.461-5.618 6.461h-5.964l9.594-10.657L49.093 10h5.272l2.161 6.293L61.971 10h5.964zM71.047 10h5.185L70.27 30.474h-5.186zM93 10v20.474h-4.58v-4.28h-7.002l-2.42 4.28h-5.532L86 10zm-4.58 11.831V13.86l-4.582 7.971z"
-    />
-  </svg>
-);
-export default SvgElixiaAnniversaryLight;

package/react/logos/elixia-letter.tsx

@@ -1,12 +0,0 @@
-import * as React from 'react';
-const SvgElixiaLetter = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={48}
-    height={51}
-    fill="currentColor"
-  >
-    <path d="m23.738 10.778-2.487 8.771h15.753l-2.968 10.735H18.284l-2.75 9.818h21.12L33.6 50.836H0L14.313 0H48l-3.054 10.735H23.738z" />
-  </svg>
-);
-export default SvgElixiaLetter;