npm - @veeqo/ui - Versions diffs - 0.0.4 → 0.0.6 - Mend

@veeqo/ui 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1059) hide show

package/src/hooks/useFocusVisible.tsx DELETED Viewed

@@ -1,157 +0,0 @@
-import React, { PropsWithChildren, useEffect, useState } from 'react';
-// A React hook based on: https://github.com/WICG/focus-visible
-export const FocusVisibleContext = React.createContext({
-  hadKeyboardEvent: true,
-  isInitialized: false,
-});
-export function FocusVisibleManager({ children }: PropsWithChildren<{}>) {
-  const [hadKeyboardEvent, setHadKeyboardEvent] = useState(true);
-  useEffect(() => {
-    function onPointerDown() {
-      setHadKeyboardEvent(false);
-    }
-    /**
-     * When the polfyill first loads, assume the user is in keyboard modality.
-     * If any event is received from a pointing device (e.g. mouse, pointer,
-     * touch), turn off keyboard modality.
-     * This accounts for situations where focus enters the page from the URL bar.
-     * @param {Event} e
-     */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    function onInitialPointerMove(e: any) {
-      // Work around a Safari quirk that fires a mousemove on <html> whenever the
-      // window blurs, even if you're tabbing out of the page. ¯\_(ツ)_/¯
-      if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {
-        return;
-      }
-      setHadKeyboardEvent(false);
-      // eslint-disable-next-line @typescript-eslint/no-use-before-define
-      removeInitialPointerMoveListeners();
-    }
-    /**
-     * Add a group of listeners to detect usage of any pointing devices.
-     * These listeners will be added when the polyfill first loads, and anytime
-     * the window is blurred, so that they are active when the window regains
-     * focus.
-     */
-    function addInitialPointerMoveListeners() {
-      document.addEventListener('mousemove', onInitialPointerMove);
-      document.addEventListener('mousedown', onInitialPointerMove);
-      document.addEventListener('mouseup', onInitialPointerMove);
-      document.addEventListener('pointermove', onInitialPointerMove);
-      document.addEventListener('pointerdown', onInitialPointerMove);
-      document.addEventListener('pointerup', onInitialPointerMove);
-      document.addEventListener('touchmove', onInitialPointerMove);
-      document.addEventListener('touchstart', onInitialPointerMove);
-      document.addEventListener('touchend', onInitialPointerMove);
-    }
-    function removeInitialPointerMoveListeners() {
-      document.removeEventListener('mousemove', onInitialPointerMove);
-      document.removeEventListener('mousedown', onInitialPointerMove);
-      document.removeEventListener('mouseup', onInitialPointerMove);
-      document.removeEventListener('pointermove', onInitialPointerMove);
-      document.removeEventListener('pointerdown', onInitialPointerMove);
-      document.removeEventListener('pointerup', onInitialPointerMove);
-      document.removeEventListener('touchmove', onInitialPointerMove);
-      document.removeEventListener('touchstart', onInitialPointerMove);
-      document.removeEventListener('touchend', onInitialPointerMove);
-    }
-    /**
-     * If the most recent user interaction was via the keyboard;
-     * and the key press did not include a meta, alt/option, or control key;
-     * then the modality is keyboard. Otherwise, the modality is not keyboard.
-     * Apply `focus-visible` to any current active element and keep track
-     * of our keyboard modality state with `hadKeyboardEvent`.
-     * @param {KeyboardEvent} e
-     */
-    function onKeyDown(e: KeyboardEvent) {
-      if (e.metaKey || e.altKey || e.ctrlKey) {
-        return;
-      }
-      setHadKeyboardEvent(true);
-    }
-    /**
-     * If the user changes tabs, keep track of whether or not the previously
-     * focused element had .focus-visible.
-     * @param {Event} e
-     */
-    function onVisibilityChange() {
-      if (document.visibilityState === 'hidden') {
-        // If the tab becomes active again, the browser will handle calling focus
-        // on the element (Safari actually calls it twice).
-        // If this tab change caused a blur on an element with focus-visible,
-        // re-apply the class when the user switches back to the tab.
-        setHadKeyboardEvent(true);
-        addInitialPointerMoveListeners();
-      }
-    }
-    // For some kinds of state, we are interested in changes at the global scope
-    // only. For example, global pointer input, global key presses and global
-    // visibility change should affect the state at every scope:
-    document.addEventListener('keydown', onKeyDown, true);
-    document.addEventListener('mousedown', onPointerDown, true);
-    document.addEventListener('pointerdown', onPointerDown, true);
-    document.addEventListener('touchstart', onPointerDown, true);
-    document.addEventListener('visibilitychange', onVisibilityChange, true);
-    addInitialPointerMoveListeners();
-    return () => {
-      document.removeEventListener('keydown', onKeyDown, true);
-      document.removeEventListener('mousedown', onPointerDown, true);
-      document.removeEventListener('pointerdown', onPointerDown, true);
-      document.removeEventListener('touchstart', onPointerDown, true);
-      document.removeEventListener('visibilitychange', onVisibilityChange, true);
-      removeInitialPointerMoveListeners();
-    };
-  }, [setHadKeyboardEvent]);
-  return (
-    // eslint-disable-next-line react/jsx-no-constructed-context-values
-    <FocusVisibleContext.Provider value={{ hadKeyboardEvent, isInitialized: true }}>
-      {children}
-    </FocusVisibleContext.Provider>
-  );
-}
-export function useFocusVisible() {
-  const [isFocused, setIsFocused] = React.useState(false);
-  const { hadKeyboardEvent, isInitialized } = React.useContext(FocusVisibleContext);
-  const onFocus = React.useCallback(() => {
-    if (!isFocused) setIsFocused(true);
-  }, [isFocused]);
-  const onBlur = React.useCallback(() => {
-    if (isFocused) setIsFocused(false);
-  }, [isFocused]);
-  let focusVisible: boolean;
-  if (isInitialized) {
-    focusVisible = hadKeyboardEvent && isFocused;
-  } else {
-    // Fallback to focused when the `FocusVisibleManager` is not used.
-    focusVisible = isFocused;
-  }
-  return React.useMemo(
-    () => ({
-      focusVisible,
-      onFocus,
-      onBlur,
-    }),
-    [focusVisible, onBlur, onFocus],
-  );
-}

package/src/hooks/useHover.ts DELETED Viewed

@@ -1,9 +0,0 @@
-import { useState, useCallback } from 'react';
-export const useHover = (initialState = false) => {
-  const [isHovered, setIsHovered] = useState<boolean>(initialState);
-  const handleEnter = useCallback(() => setIsHovered(true), [setIsHovered]);
-  const handleLeave = useCallback(() => setIsHovered(false), [setIsHovered]);
-  return [isHovered, handleEnter, handleLeave] as const;
-};

package/src/hooks/useIsOverflowing.ts DELETED Viewed

@@ -1,32 +0,0 @@
-import { useEffect, useState } from 'react';
-/**
- * A hook to check if a component's contents are overflowing from its boundaries
- * (scrollbar is visible).
- */
-export const useIsOverflowing = (ref: HTMLElement | null) => {
-  const [isOverflowing, setIsOverflowing] = useState(false);
-  const [isAtBottom, setIsAtBottom] = useState(false);
-  useEffect(() => {
-    if (!ref) return;
-    const resizeObserver = new ResizeObserver(() => {
-      const hasOverflow = ref.scrollHeight > ref.clientHeight;
-      setIsOverflowing(hasOverflow);
-    });
-    resizeObserver.observe(ref);
-    // eslint-disable-next-line consistent-return
-    return () => { resizeObserver.disconnect(); };
-  }, [ref]);
-  const onScroll: React.UIEventHandler<HTMLElement> = (event) => {
-    if (!ref) return;
-    const { scrollTop, scrollHeight, clientHeight } = (event.target as HTMLElement);
-    setIsAtBottom(scrollHeight - scrollTop - clientHeight <= 0);
-  };
-  return { isOverflowing: isOverflowing && !isAtBottom, onScroll };
-};

package/src/hooks/useTabs.ts DELETED Viewed

@@ -1,24 +0,0 @@
-import { useState } from 'react';
-interface TabsConfig {
-  defaultActiveIndex?: number;
-}
-type ITab = any;
-export const useTabs = (tabs: ITab[], config?: TabsConfig) => {
-  const { defaultActiveIndex = 0 } = config || {};
-  const [listOfTabs] = useState<ITab[]>(tabs);
-  const [active, setActive] = useState<ITab>(listOfTabs[defaultActiveIndex]);
-  return [
-    active,
-    (key: string) => {
-      const newActiveTab = listOfTabs.find((tab) => tab.key === key);
-      if (newActiveTab) {
-        setActive(newActiveTab);
-      }
-    },
-  ] as const;
-};

package/src/tempIcons/ArrowDownIcon.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-import React from 'react';
-export const ArrowDownIcon = (props: any) => {
-  return (
-    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M11 4V16.17L5.41 10.58L4 12L12 20L20 12L18.59 10.59L13 16.17L13 4H11Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};

package/src/tempIcons/ArrowUpIcon.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-import React from 'react';
-export const ArrowUpIcon = (props: any) => {
-  return (
-    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M13 20V7.83L18.59 13.42L20 12L12 4L4 12L5.41 13.41L11 7.83L11 20H13Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};

package/src/tempIcons/AttentionIcon.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-import React from 'react';
-export const AttentionIcon = (props: any) => (
-  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M11 15H13V17H11V15ZM11 7H13V13H11V7ZM11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/CalendarIcon.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-import React from 'react';
-export const CalanderIcon = (props: any) => (
-  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M18.3333 5.7H17.5V4H15.8333V5.7H9.16667V4H7.5V5.7H6.66667C5.74167 5.7 5.00833 6.465 5.00833 7.4L5 19.3C5 20.235 5.74167 21 6.66667 21H18.3333C19.25 21 20 20.235 20 19.3V7.4C20 6.465 19.25 5.7 18.3333 5.7ZM10.0002 11.65H8.3335V13.35H10.0002V11.65ZM13.3332 11.65H11.6665V13.35H13.3332V11.65ZM15 11.65H16.6667V13.35H15V11.65ZM6.6665 19.3H18.3332V9.94998H6.6665V19.3Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/ClipboardIcon.tsx DELETED Viewed

@@ -1,10 +0,0 @@
-import React from 'react';
-export const ClipboardIcon = (props: any) => (
-  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      d="M19 3H14.82C14.4 1.84 13.3 1 12 1C10.7 1 9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V21C3 22.1 3.9 23 5 23H19C20.1 23 21 22.1 21 21V5C21 3.9 20.1 3 19 3ZM12 3C12.55 3 13 3.45 13 4C13 4.55 12.55 5 12 5C11.45 5 11 4.55 11 4C11 3.45 11.45 3 12 3ZM19 21H5V5H7V8H17V5H19V21Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/CrossIcon.tsx DELETED Viewed

@@ -1,20 +0,0 @@
-import React from 'react';
-import { sizes } from '../theme/modules/sizes';
-export const CrossIcon = (props: any) => (
-  <svg
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    role="presentation"
-    height={sizes.md}
-    {...props}
-  >
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M19 6.51071L17.4893 5L11.5 10.9893L5.51071 5L4 6.51071L9.98929 12.5L4 18.4893L5.51071 20L11.5 14.0107L17.4893 20L19 18.4893L13.0107 12.5L19 6.51071Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/DoubleArrowAscIcon.tsx DELETED Viewed

@@ -1,8 +0,0 @@
-import React from 'react';
-export const DoubleArrowAscIcon = (props: any) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M5 10L8 13L11 10H5Z" fill="#959FA8" />
-    <path fillRule="evenodd" clipRule="evenodd" d="M11 6L8 3L5 6L11 6Z" fill="#0079D1" />
-  </svg>
-);

package/src/tempIcons/DoubleArrowDescIcon.tsx DELETED Viewed

@@ -1,8 +0,0 @@
-import React from 'react';
-export const DoubleArrowDescIcon = (props: any) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M5 10L8 13L11 10H5Z" fill="#0079D1" />
-    <path fillRule="evenodd" clipRule="evenodd" d="M11 6L8 3L5 6L11 6Z" fill="#959FA8" />
-  </svg>
-);

package/src/tempIcons/DoubleArrowIcon.tsx DELETED Viewed

@@ -1,8 +0,0 @@
-import React from 'react';
-export const DoubleArrowIcon = (props: any) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M5 10L8 13L11 10H5Z" fill="currentColor" />
-    <path fillRule="evenodd" clipRule="evenodd" d="M11 6L8 3L5 6L11 6Z" fill="currentColor" />
-  </svg>
-);

package/src/tempIcons/DoubleArrowIconIcon.tsx DELETED Viewed

@@ -1,8 +0,0 @@
-import React from 'react';
-export const DoubleArrowIcon = (props: any) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M5 10L8 13L11 10H5Z" fill="currentColor" />
-    <path fillRule="evenodd" clipRule="evenodd" d="M11 6L8 3L5 6L11 6Z" fill="currentColor" />
-  </svg>
-);

package/src/tempIcons/DownArrowIcon.tsx DELETED Viewed

@@ -1,20 +0,0 @@
-import React from 'react';
-import { sizes } from '../theme/modules/sizes';
-export const DownArrowIcon = (props: any) => (
-  <svg
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    role="presentation"
-    height={sizes.md}
-    {...props}
-  >
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M11.0302 5.52997L7.97021 8.5833L4.91021 5.52997L3.97021 6.46997L7.97021 10.47L11.9702 6.46997L11.0302 5.52997Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/DropdownIcon.tsx DELETED Viewed

@@ -1,14 +0,0 @@
-import React from 'react';
-import { theme } from '../theme';
-export const DropdownIcon = (props: any) => (
-  <svg
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style={{ width: theme.sizes.base, height: theme.sizes.base }}
-    {...props}
-  >
-    <path fillRule="evenodd" clipRule="evenodd" d="M4 6L8 10L12 6H4Z" fill="currentColor" />
-  </svg>
-);

package/src/tempIcons/EditIcon.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-import React from 'react';
-export const EditIcon = (props: any) => (
-  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M3 18.0418V21.9996H6.95778L18.6306 10.3273L14.6728 6.36952L3 18.0418ZM21.6913 7.2661C22.1029 6.85501 22.1029 6.19011 21.6913 5.7785L19.2216 3.30831C18.81 2.89723 18.1451 2.89723 17.7335 3.30831L15.8021 5.23971L19.7599 9.19749L21.6913 7.2661Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/EndArrowIcon.tsx DELETED Viewed

@@ -1,18 +0,0 @@
-import React from 'react';
-export const EndArrowIcon = (props: any) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M4.33661 11.06L7.38994 8L4.33661 4.94L5.27661 4L9.27661 8L5.27661 12L4.33661 11.06Z"
-      fill="currentColor"
-    />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M11.67 4L11.67 12L10.3367 12L10.3367 4L11.67 4Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/FailIcon.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-import React from 'react';
-export const FailIcon = (props: any) => (
-  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12.0001 20.1818C16.5187 20.1818 20.1819 16.5187 20.1819 12C20.1819 7.4813 16.5187 3.81818 12.0001 3.81818C7.48136 3.81818 3.81824 7.4813 3.81824 12C3.81824 16.5187 7.48136 20.1818 12.0001 20.1818ZM16.3536 8.80575L13.1593 12L16.3536 15.1943L15.1943 16.3536L12 13.1593L8.80575 16.3536L7.64648 15.1943L10.8408 12L7.64648 8.80575L8.80575 7.64648L12 10.8408L15.1943 7.64648L16.3536 8.80575ZM8.80571 16L8.80575 16L12 12.8058L12 12.8057L8.80571 16ZM15.1943 16L15.1943 16L16 15.1943L16 15.1943L15.1943 16ZM16 8.80575L12.8058 12L12.8057 12L16 8.80571L16 8.80575Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/HelpIcon.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-import React from 'react';
-export const HelpIcon = (props: any) => (
-  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M11 18H13V16H11V18ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM12 6C9.79 6 8 7.79 8 10H10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 12 11 11.75 11 15H13C13 12.75 16 12.5 16 10C16 7.79 14.21 6 12 6Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/InfoIcon.tsx DELETED Viewed

@@ -1,14 +0,0 @@
-import React from 'react';
-export const InfoIcon = (props: any) => (
-  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M2 12C2 6.48 6.48 2 12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12Z"
-      fill="currentColor"
-    />
-    <circle cx="12" cy="7" r="1" fill="currentColor" />
-    <path d="M10 16H11V11H10V10H13V16H14V17H10V16Z" fill="currentColor" />
-  </svg>
-);

package/src/tempIcons/LeftArrowIcon.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-import React from 'react';
-export const LeftArrowIcon = (props: any) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M10.44 11.06L7.38667 8L10.44 4.94L9.5 4L5.5 8L9.5 12L10.44 11.06Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/MergeIcon.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-import React from 'react';
-export const MergeIcon = (props: any) => (
-  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M10.9887 6.82229H6.84911L12.1714 1.5L17.4937 6.82229H13.3541V14.4036L6.25774 21.5L4.59009 19.8323L10.9887 13.4338V6.82229ZM19.7527 19.8323L18.0851 21.5L14.0519 17.4669L15.7196 15.7992L19.7527 19.8323Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/MoreHorizIcon.tsx DELETED Viewed

@@ -1,10 +0,0 @@
-import React from 'react';
-export const MoreHorizIcon = (props: any) => (
-  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      d="M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/ReorderIcon.tsx DELETED Viewed

@@ -1,10 +0,0 @@
-import React from 'react';
-export const ReorderIcon = (props: any) => (
-  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      d="M3 15H21V13H3V15ZM3 19H21V17H3V19ZM3 11H21V9H3V11ZM3 5V7H21V5H3Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/RightArrowIcon.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-import React from 'react';
-export const RightArrowIcon = (props: any) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M5.99994 11.06L9.05327 8L5.99994 4.94L6.93994 4L10.9399 8L6.93994 12L5.99994 11.06Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/SearchIcon.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-import React from 'react';
-export const SearchIcon = (props: any) => (
-  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M14.3819 13.6918H15.1498L20 18.5517L18.5517 20L13.6918 15.1498V14.3819L13.4294 14.1098C12.3213 15.0623 10.8828 15.6358 9.3179 15.6358C5.82847 15.6358 3 12.8073 3 9.3179C3 5.82847 5.82847 3 9.3179 3C12.8073 3 15.6358 5.82847 15.6358 9.3179C15.6358 10.8828 15.0623 12.3213 14.1098 13.4294L14.3819 13.6918ZM4.94397 9.3179C4.94397 11.7381 6.89766 13.6918 9.3179 13.6918C11.7381 13.6918 13.6918 11.7381 13.6918 9.3179C13.6918 6.89766 11.7381 4.94397 9.3179 4.94397C6.89766 4.94397 4.94397 6.89766 4.94397 9.3179Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/StartArrowIcon.tsx DELETED Viewed

@@ -1,16 +0,0 @@
-import React from 'react';
-export const StartArrowIcon = (props: any) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      d="M11.6434 11.06L8.59004 8L11.6434 4.94L10.7034 4L6.70337 8L10.7034 12L11.6434 11.06Z"
-      fill="currentColor"
-    />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M4.37004 12L4.37004 4L5.70337 4L5.70337 12L4.37004 12Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/SuccessIcon.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-import React from 'react';
-export const SuccessIcon = (props: any) => (
-  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM14.7708 8L10.0856 13.2468L8.22925 11.1679L7 12.5445L10.0856 16L16 9.37661L14.7708 8ZM20.1818 12C20.1818 16.5187 16.5187 20.1818 12 20.1818C7.48131 20.1818 3.81818 16.5187 3.81818 12C3.81818 7.48131 7.48131 3.81818 12 3.81818C16.5187 3.81818 20.1818 7.48131 20.1818 12Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/UpArrowIcon.tsx DELETED Viewed

@@ -1,20 +0,0 @@
-import React from 'react';
-import { sizes } from '../theme/modules/sizes';
-export const UpArrowIcon = (props: any) => (
-  <svg
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    role="presentation"
-    height={sizes.md}
-    {...props}
-  >
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M4.91021 10.47L7.97021 7.4167L11.0302 10.47L11.9702 9.53003L7.97021 5.53003L3.97021 9.53003L4.91021 10.47Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/VisibilityIcon.tsx DELETED Viewed

@@ -1,10 +0,0 @@
-import React from 'react';
-export const VisiblityIcon = (props: any) => (
-  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      d="M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/tempIcons/VisibilityOffIcon.tsx DELETED Viewed

@@ -1,10 +0,0 @@
-import React from 'react';
-export const VisiblityOffIcon = (props: any) => (
-  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      d="M12 7C14.76 7 17 9.24 17 12C17 12.65 16.87 13.26 16.64 13.83L19.56 16.75C21.07 15.49 22.26 13.86 22.99 12C21.26 7.61 16.99 4.5 11.99 4.5C10.59 4.5 9.25 4.75 8.01 5.2L10.17 7.36C10.74 7.13 11.35 7 12 7ZM2 4.27L4.28 6.55L4.74 7.01C3.08 8.3 1.78 10.02 1 12C2.73 16.39 7 19.5 12 19.5C13.55 19.5 15.03 19.2 16.38 18.66L16.8 19.08L19.73 22L21 20.73L3.27 3L2 4.27ZM7.53 9.8L9.08 11.35C9.03 11.56 9 11.78 9 12C9 13.66 10.34 15 12 15C12.22 15 12.44 14.97 12.65 14.92L14.2 16.47C13.53 16.8 12.79 17 12 17C9.24 17 7 14.76 7 12C7 11.21 7.2 10.47 7.53 9.8ZM11.84 9.02L14.99 12.17L15.01 12.01C15.01 10.35 13.67 9.01 12.01 9.01L11.84 9.02Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/theme/index.ts DELETED Viewed

@@ -1,18 +0,0 @@
-import { colors } from './modules/colors';
-import { breakpoints } from './modules/breakpoints';
-import { layers } from './modules/layers';
-import { radius } from './modules/radius';
-import { Shadows } from './modules/shadows';
-import { sizes } from './modules/sizes';
-import { text, common } from './modules/text';
-export const theme = {
-  ...common,
-  breakpoints,
-  colors,
-  layers,
-  radius,
-  shadows: Shadows,
-  sizes,
-  text,
-};

package/src/theme/modules/breakpoints.ts DELETED Viewed

@@ -1,7 +0,0 @@
-export const breakpoints = {
-  mobile: '640px',
-  tablet: '720px',
-  lgTablet: '960px',
-  desktop: '1280px',
-  lgDesktop: '1440px',
-} as const;