@ttoss/ui 2.0.5 → 3.1.0

package/src/components/Badge.tsx

@@ -1,6 +1,5 @@
 import { type BadgeProps as BadgePropsUi, Badge as BadgeUi } from 'theme-ui';
-
-import { Icon, IconType } from './Icon';
+import { Icon, IconType } from '@ttoss/react-icons';
 
 export type BadgeProps = BadgePropsUi & {
   icon?: IconType;

package/src/components/Button.tsx

@@ -3,7 +3,7 @@ import {
   type ButtonProps as ButtonPropsUi,
   Button as ButtonUi,
 } from 'theme-ui';
-import { Icon, IconType } from './Icon';
+import { Icon, IconType } from '@ttoss/react-icons';
 
 export type ButtonProps = ButtonPropsUi & {
   leftIcon?: IconType;

package/src/components/CloseButton.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Button, type ButtonProps } from 'theme-ui';
-import { Icon } from './Icon';
+import { Button, type ButtonProps } from './Button';
+import { Icon } from '@ttoss/react-icons';
 
 export type CloseButtonProps = ButtonProps & {
   label?: string;

package/src/components/Input.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { Flex, Icon, type IconType, Text } from '..';
+import { Flex, Text } from '..';
+import { Icon, type IconType } from '@ttoss/react-icons';
 import { InputProps as InputPropsUI, Input as InputUI } from 'theme-ui';
 
 export interface InputProps extends InputPropsUI {

package/src/components/InputNumber.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { Flex, Icon, Text } from '..';
+import { Flex, Text } from '..';
+import { Icon } from '@ttoss/react-icons';
 import { Input, type InputProps as InputPropsUI } from 'theme-ui';
 
 export type InputNumberProps = Omit<

package/src/components/Label.tsx

@@ -1,5 +1,6 @@
-import { Icon, Text } from '..';
+import { Icon } from '@ttoss/react-icons';
 import { type LabelProps as LabelPropsUi, Label as LabelUi } from 'theme-ui';
+import { Text } from '..';
 
 const TOOLTIP_LABEL = 'tooltip';
 

package/src/components/Select.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { Icon, Text } from '..';
+import { Icon } from '@ttoss/react-icons';
 import { type SelectProps, Select as SelectUi } from 'theme-ui';
+import { Text } from '..';
 
 export { SelectProps };
 
@@ -14,6 +15,7 @@ export const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
             {arrow ?? (
               <Text
                 sx={{
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
                   marginLeft: ({ space }: any) => {
                     return space?.['2xl'] ? '-2xl' : '-28px';
                   },
@@ -31,6 +33,7 @@ export const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
               <Text
                 className="error-icon"
                 sx={{
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
                   marginLeft: ({ space }: any) => {
                     return space?.['2xl']
                       ? `calc(-${space['2xl']} - 10px)`

package/src/components/Textarea.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { Flex, Icon, type IconType, Text } from '..';
+import { Flex, Text } from '..';
+import { Icon, type IconType } from '@ttoss/react-icons';
 import {
   type TextareaProps as TextareaPropsUI,
   Textarea as TextareaUI,

package/src/index.ts

@@ -3,7 +3,6 @@ export { useResponsiveValue, useBreakpointIndex } from '@theme-ui/match-media';
 export { keyframes, type Keyframes } from '@emotion/react';
 
 export { ThemeProvider, type ThemeProviderProps } from './theme/ThemeProvider';
-export { addIcon } from '@ttoss/theme';
 
 export { useTheme } from './theme/useTheme';
 
@@ -27,7 +26,6 @@ export { Text, type TextProps } from './components/Text';
 export { Select, type SelectProps } from './components/Select';
 export { Spinner, type SpinnerProps } from './components/Spinner';
 export { Radio, type RadioProps } from './components/Radio';
-export { Icon, type IconProps, type IconType } from './components/Icon';
 export { IconButton, type IconButtonProps } from './components/IconButton';
 export { Slider, type SliderProps } from './components/Slider';
 export { Checkbox, type CheckboxProps } from './components/Checkbox';

package/src/components/Icon.tsx

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import {
-  Icon as IconifyIcon,
-  IconifyIconHTMLElement,
-  IconifyIconProps,
-} from '@iconify-icon/react';
-import type { IconifyIcon as IconifyIconType } from '@iconify/types';
-
-export type IconType = string | IconifyIconType;
-
-export type IconProps = Omit<IconifyIconProps, 'ref'>;
-
-export const Icon = React.forwardRef<IconifyIconHTMLElement | null, IconProps>(
-  (props, ref) => {
-    return <IconifyIcon ref={ref} data-testid="iconify-icon" {...props} />;
-  }
-);
-
-Icon.displayName = 'Icon';