norma-library 0.6.85 → 0.6.86

package/src/types/index.ts

@@ -120,7 +120,7 @@ export type MuiBadgeBaseProps = Omit<
   'sx' | 'color' | 'children' | 'invisible' | 'variant' | 'className' | 'badgeContent'
 >;
 
-export type IconScale = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge' | '3xlarge';
+export type IconScale = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge' | '3xlarge' | 'custom';
 
 export type IconColors =
   | 'inherit'
@@ -131,9 +131,10 @@ export type IconColors =
   | 'success'
   | 'warning'
   | 'white'
-  | 'black';
+  | 'black'
+  | string;
 
-export const scaleSize: Record<IconScale, number> = {
+export const scaleSize: Partial<Record<IconScale, number>> = {
   xsmall: 14,
   small: 20,
   medium: 24,

package/src/components/IconifyIcon.tsx

@@ -1,25 +0,0 @@
-'use client';
-
-import { Icon } from '@iconify/react';
-import React from 'react';
-
-interface IconProps {
-    iconName: string;
-    size?: string;
-    color?: string;
-}
-
-export const IconifyIcon: React.FC<IconProps> = ({
-    iconName,
-    color,
-    size
-}) => {
-    return (
-        <Icon
-            icon={iconName}
-            color={color}
-            width={size}
-            strokeWidth={2.5}
-        />
-    )
-}

package/src/stories/IconifyIcon.stories.tsx

@@ -1,31 +0,0 @@
-import React from 'react';
-import { IconifyIcon } from '../components/IconifyIcon';
-import { Meta, StoryObj } from '@storybook/react';
-
-const meta: Meta<typeof IconifyIcon> = {
-    title: "Display/IconifyIcons",
-    component: IconifyIcon,
-    tags: ['autodocs'],
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-
-export const OpenSourceIcons: Story = {
-    parameters: {
-        docs: {
-            description: {
-                story: 'Este é um exemplo de uso do componente IconifyIcon, que permite a utilização de ícones de diversas bibliotecas, como Lucide, Material UI, e mais.',
-            },
-        },
-    },
-    render: () => (
-        <>
-            <IconifyIcon iconName="mdi:home" size="24px" color="red" />
-            <IconifyIcon iconName="mdi:account" size="24px" color="blue" />
-            <IconifyIcon iconName="mdi:account-check" size="24px" color="green" />
-            <IconifyIcon iconName="mdi:account-edit" size="24px" color="purple" />
-        </>
-
-    ),
-}