@sats-group/ui-lib 80.3.0 → 81.0.0

package/react/form-content/form-content.tsx

@@ -1,96 +0,0 @@
-import * as React from 'react';
-import classNames from 'classnames';
-
-import Button from '../button';
-import Close from '../icons/24/close';
-import Text from '../text';
-
-import CheckboxList from './form-content.checkbox-list';
-import RadioList from './form-content.radio-list';
-import Range from './form-content.range';
-
-import { FormContent as Props } from './form-content.types';
-
-import { ContentKeys } from '../form-content/form-content.types';
-import TabTrapper from '../modal/tab-trapper';
-
-const Content = (content: Props['content']) => {
-  switch (content.key) {
-    case ContentKeys.Checkbox: {
-      return <CheckboxList {...content} />;
-    }
-    case ContentKeys.Range: {
-      return <Range {...content} />;
-    }
-    case ContentKeys.Radio: {
-      return <RadioList {...content} />;
-    }
-  }
-};
-
-const FormContent: React.FC<Props> = ({
-  content,
-  closeLabel,
-  isOpen = false,
-  close,
-  onSubmit,
-  submitLabel,
-  title,
-}) => (
-  <div className="form-content">
-    {isOpen ? <div className="form-content__background-overlay"></div> : null}
-    <TabTrapper isActive={isOpen}>
-      <div
-        className={classNames('form-content__modal', {
-          'form-content__modal--open': isOpen,
-        })}
-        data-test-modal
-      >
-        <div className="form-content__modal-header">
-          <Text
-            elementName="span"
-            theme={Text.themes.emphasis}
-            size={Text.sizes.headline3}
-            className="form-content__modal-title"
-          >
-            {title}
-          </Text>
-          <div className="form-content__modal-close-small">
-            <Button
-              iconOnly
-              leadingIcon={<Close />}
-              onClick={close}
-              size={Button.sizes.small}
-              text={closeLabel}
-              variant={Button.variants.secondary}
-            />
-          </div>
-        </div>
-        <div className="form-content__modal-content">{Content(content)}</div>
-        <div className="form-content__modal-action-wrapper">
-          <div className="form-content__modal-actions">
-            <div className="form-content__modal-close-large">
-              <Button
-                data-testid="close-form-content-modal"
-                variant={Button.variants.secondary}
-                size={Button.sizes.basic}
-                text={closeLabel}
-                onClick={close}
-              />
-            </div>
-            <Button
-              className="form-content__submit"
-              variant={Button.variants.primary}
-              size={Button.sizes.basic}
-              type="submit"
-              text={submitLabel}
-              onClick={onSubmit}
-            />
-          </div>
-        </div>
-      </div>
-    </TabTrapper>
-  </div>
-);
-
-export default FormContent;

package/react/form-content/form-content.types.ts

@@ -1,55 +0,0 @@
-import type { Radio } from '../radio/radio.types';
-import type { Range } from './form-content.range.types';
-import type { Search as SearchProps } from '../search/search.types';
-import type { CheckboxList } from './form-content.checkbox-list.types';
-
-export enum ContentKeys {
-  Radio = 'radio',
-  Range = 'range',
-  Checkbox = 'checkbox',
-}
-
-export type SearchItem = { key: string; label: string };
-
-export type Search = {
-  searchKeys: string[];
-  searchDataset: SearchItem[];
-  searchInput: SearchProps;
-  searchTerm?: (arg: string) => void;
-  searchResult?: (arg: SearchItem[]) => void;
-};
-
-type RadioListBase = {
-  key: ContentKeys.Radio;
-  categories: {
-    header?: string;
-    options: Radio[];
-    id: string;
-  }[];
-  setSelectedValue?: (id: string, value: string) => void;
-};
-
-type RadioListSearch = RadioListBase & {
-  searchProps: Search;
-};
-
-export type RadioList = RadioListBase | RadioListSearch;
-
-type FormContentBase = {
-  closeLabel: string;
-  isOpen?: boolean;
-  close?: () => void;
-  onSubmit?: () => void;
-  submitLabel: string;
-  title: string;
-};
-
-export type FormContentDropdownList = FormContentBase & {
-  content: RadioList;
-};
-
-export type FormContentFilter = FormContentBase & {
-  content: Range | CheckboxList | RadioList;
-};
-
-export type FormContent = FormContentDropdownList | FormContentFilter;

package/react/hooks/focus-previous-element.ts

@@ -1,30 +0,0 @@
-import { RefObject, useEffect, useRef } from 'react';
-
-const focusRef = (ref: React.RefObject<HTMLElement | null>): void => {
-  ref?.current?.focus();
-};
-
-const focusPreviousElement = (
-  modal: RefObject<HTMLElement | null>,
-  isActive?: boolean,
-) => {
-  const previouslyFocusedElement = useRef<HTMLElement | null>(null);
-
-  const focusContent = () => focusRef(modal);
-  useEffect(() => {
-    if (modal.current && isActive) {
-      previouslyFocusedElement.current = document.activeElement as HTMLElement;
-      focusContent();
-      return;
-    }
-
-    if (!isActive) {
-      focusRef(previouslyFocusedElement);
-    }
-  }, [isActive]);
-
-  // NOTE: This happens on unmount only
-  useEffect(() => () => focusRef(previouslyFocusedElement), []);
-};
-
-export default focusPreviousElement;

package/react/hooks/is-running-on-client.ts

@@ -1 +0,0 @@
-export default typeof window !== 'undefined';

package/react/hooks/use-click-outside.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-
-import useEvent from './use-event';
-
-/** Executes the provided callback when a click event occurs outside of the provided ref */
-const useClickOutside = (
-  ref: React.RefObject<Element | null>,
-  callback: () => void = () => {},
-): void => {
-  useEvent<MouseEvent>('mousedown', e => {
-    if (
-      ref.current &&
-      ref?.current !== e.target &&
-      // NOTE: Because of react typings we need to cast this, more info: https://stackoverflow.com/a/61164277
-      !ref.current.contains(e.target as Node) &&
-      e.clientX < document.body.scrollWidth
-    ) {
-      callback();
-    }
-  });
-};
-
-export default useClickOutside;

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.