@ssa-ui-kit/core 0.0.7-alpha → 0.0.9-alpha

package/.babelrc.js

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const rootBabelConfig = require('../../.babelrc.js');
-
-module.exports = rootBabelConfig;
+/* eslint-disable @typescript-eslint/no-var-requires */
+const rootBabelConfig = require('../../.babelrc.js');
+
+module.exports = rootBabelConfig;

package/.storybook/main.ts

@@ -1,43 +1,43 @@
-import type { StorybookConfig } from '@storybook/react-webpack5';
-import initWebpackConfig from '../webpack.config';
-appWebpackConfig = initWebpackConfig();
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
-    '@storybook/addon-mdx-gfm', //cspell:disable-line
-    'storybook-addon-pseudo-states',
-  ],
-  framework: {
-    name: '@storybook/react-webpack5',
-    options: {},
-  },
-  typescript: {
-    check: false,
-    checkOptions: {},
-    reactDocgen: 'react-docgen-typescript', //cspell:disable-line
-    //cspell:disable-next-line
-    reactDocgenTypescriptOptions: {
-      compilerOptions: {
-        allowSyntheticDefaultImports: false,
-        esModuleInterop: false,
-      },
-    },
-  },
-  webpackFinal: (config) => {
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      ...appWebpackConfig.resolve.alias,
-    };
-
-    return config;
-  },
-  docs: {
-    autodocs: true, //cspell:disable-line
-  },
-};
-
-export default config;
+import type { StorybookConfig } from '@storybook/react-webpack5';
+import initWebpackConfig from '../webpack.config';
+appWebpackConfig = initWebpackConfig();
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    '@storybook/addon-mdx-gfm', //cspell:disable-line
+    'storybook-addon-pseudo-states',
+  ],
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {},
+  },
+  typescript: {
+    check: false,
+    checkOptions: {},
+    reactDocgen: 'react-docgen-typescript', //cspell:disable-line
+    //cspell:disable-next-line
+    reactDocgenTypescriptOptions: {
+      compilerOptions: {
+        allowSyntheticDefaultImports: false,
+        esModuleInterop: false,
+      },
+    },
+  },
+  webpackFinal: (config) => {
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      ...appWebpackConfig.resolve.alias,
+    };
+
+    return config;
+  },
+  docs: {
+    autodocs: true, //cspell:disable-line
+  },
+};
+
+export default config;

package/.storybook/preview.tsx

@@ -1,22 +1,22 @@
-import React from 'react';
-import '@storybook/react-webpack5';
-
-import { ThemeProvider } from '@emotion/react';
-import theme from '../src/themes/main';
-
-import './style.css';
-
-const preview = {
-  parameters: {
-    controls: { expanded: true, hideNoControlsWarning: true },
-  },
-  decorators: [
-    (Story) => (
-      <ThemeProvider theme={theme}>
-        <Story />
-      </ThemeProvider>
-    ),
-  ],
-};
-
-export default preview;
+import React from 'react';
+import '@storybook/react-webpack5';
+
+import { ThemeProvider } from '@emotion/react';
+import theme from '../src/themes/main';
+
+import './style.css';
+
+const preview = {
+  parameters: {
+    controls: { expanded: true, hideNoControlsWarning: true },
+  },
+  decorators: [
+    (Story) => (
+      <ThemeProvider theme={theme}>
+        <Story />
+      </ThemeProvider>
+    ),
+  ],
+};
+
+export default preview;

package/.storybook/style.css

@@ -1,31 +1,31 @@
-@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
-
-* {
-  outline: none;
-
-  box-sizing: border-box;
-  font-family: 'Manrope', sans-serif;
-
-  color: #2b2d31;
-}
-
-*::after,
-*::before {
-  box-sizing: border-box;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p {
-  margin: 0;
-  padding: 0;
-}
-
-.token.plain-text,
-.language-jsx span {
-  color: white;
-}
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
+
+* {
+  outline: none;
+
+  box-sizing: border-box;
+  font-family: 'Manrope', sans-serif;
+
+  color: #2b2d31;
+}
+
+*::after,
+*::before {
+  box-sizing: border-box;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  margin: 0;
+  padding: 0;
+}
+
+.token.plain-text,
+.language-jsx span {
+  color: white;
+}

package/customTest.tsx

@@ -1,46 +1,46 @@
-import React, { ReactElement } from 'react';
-import { ThemeProvider, Theme } from '@emotion/react';
-import '@testing-library/dom';
-import { render, RenderOptions } from '@testing-library/react';
-
-const AllTheProviders = ({
-  children,
-  theme,
-}: {
-  children: React.ReactNode;
-  theme: Theme;
-}) => {
-  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
-};
-
-const customRender = (
-  theme: Theme,
-  ui: ReactElement,
-  options?: Omit<RenderOptions, 'wrapper'>,
-) =>
-  render(ui, {
-    wrapper: ({ children }) => (
-      <AllTheProviders theme={theme}>{children}</AllTheProviders>
-    ),
-    ...options,
-  });
-
-function mockUseForm() {
-  return {
-    ...jest.requireActual('react-hook-form'),
-    register: ({ name }: { name: string }) => ({
-      onChange: jest.fn(),
-      onBlur: jest.fn(),
-      name: name,
-      ref: jest.fn(),
-    }),
-  };
-}
-
-export const initRender = (theme: Theme) => {
-  return customRender.bind(null, theme);
-};
-
-export * from '@testing-library/react';
-
-export { customRender as render, mockUseForm };
+import React, { ReactElement } from 'react';
+import { ThemeProvider, Theme } from '@emotion/react';
+import '@testing-library/dom';
+import { render, RenderOptions } from '@testing-library/react';
+
+const AllTheProviders = ({
+  children,
+  theme,
+}: {
+  children: React.ReactNode;
+  theme: Theme;
+}) => {
+  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
+};
+
+const customRender = (
+  theme: Theme,
+  ui: ReactElement,
+  options?: Omit<RenderOptions, 'wrapper'>,
+) =>
+  render(ui, {
+    wrapper: ({ children }) => (
+      <AllTheProviders theme={theme}>{children}</AllTheProviders>
+    ),
+    ...options,
+  });
+
+function mockUseForm() {
+  return {
+    ...jest.requireActual('react-hook-form'),
+    register: ({ name }: { name: string }) => ({
+      onChange: jest.fn(),
+      onBlur: jest.fn(),
+      name: name,
+      ref: jest.fn(),
+    }),
+  };
+}
+
+export const initRender = (theme: Theme) => {
+  return customRender.bind(null, theme);
+};
+
+export * from '@testing-library/react';
+
+export { customRender as render, mockUseForm };

package/dist/components/AccordionGroup/index.d.ts

@@ -1,6 +1,6 @@
-export { AccordionGroup } from './AccordionGroup';
-export { AccordionContent } from './AccordionContent';
-export { AccordionGroupContext, AccordionGroupContextProvider, } from './AccordionContext';
-export { AccordionTitle } from './AccordionTitle';
-export { Accordion } from './Accordion';
+export * from './AccordionGroup';
+export * from './AccordionContent';
+export * from './AccordionContext';
+export * from './AccordionTitle';
+export * from './Accordion';
 export * from './types';

package/dist/components/Icon/Icon.d.ts

@@ -1,3 +1,3 @@
 import { IconProps } from './types';
-declare const Icon: ({ name, color, size }: IconProps) => import("react/jsx-runtime").JSX.Element;
+declare const Icon: ({ name, color, size, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default Icon;

package/dist/components/Icon/icons/Archive.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Archive: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Archive: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/ArrowDown.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const ArrowDown: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowDown: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/ArrowUp.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const ArrowUp: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowUp: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Attention.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Attention: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Attention: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Bin.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Bin: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Bin: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Calendar.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Calendar: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Calendar: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/CarrotDown.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const CarrotDown: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CarrotDown: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/CarrotLeft.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const CarrotLeft: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CarrotLeft: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/CarrotRight.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const CarrotRight: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CarrotRight: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/CarrotUp.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const CarrotUp: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CarrotUp: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Change.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Change: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Change: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Chart.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Chart: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Chart: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Check.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Check: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Check: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/CheckCircle.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const CheckCircle: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckCircle: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Circle.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Circle: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Circle: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Clock.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Clock: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Clock: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Copy.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Copy: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Copy: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Cross.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Cross: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Cross: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Diet.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Diet: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Diet: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Email.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Email: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Email: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Filter.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Filter: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Filter: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Home.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Home: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Home: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Information.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Information: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Information: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Invisible.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Invisible: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Invisible: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Lock.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Lock: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Lock: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/LogIn.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const LogIn: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LogIn: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/LogOut.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const LogOut: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LogOut: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Measurements.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Measurements: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Measurements: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Minus.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Minus: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Minus: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/More.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const More: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const More: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/MoreVertical.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const MoreVertical: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MoreVertical: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Notification.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Notification: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Notification: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Plus.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Plus: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Plus: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/RadioOn.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const RadioOn: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioOn: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Robot.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Robot: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Robot: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Search.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Search: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Search: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Settings.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Settings: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Settings: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Sleep.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Sleep: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Sleep: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Stats.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Stats: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Stats: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Trainings.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Trainings: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Trainings: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Union.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Union: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Union: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/User.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const User: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const User: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Visible.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Visible: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Visible: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/Warning.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from '../types';
-export declare const Warning: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Warning: ({ fill, size, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/index.d.ts

@@ -1,3 +1,3 @@
 import { IconProps } from '../types';
-declare const IconMapComponent: ({ name, color, size }: IconProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const IconMapComponent: ({ name, color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element | null;
 export default IconMapComponent;

package/dist/components/Icon/types.d.ts

@@ -1,15 +1,11 @@
 import React from 'react';
-import { CommonProps } from '../../types/emotion';
 import { iconsList } from './icons/iconsList';
-export interface IconProps extends CommonProps {
-    name: keyof IMapIcons;
-    color?: string;
+export interface SVGProps extends React.SVGProps<SVGSVGElement> {
     size?: number;
 }
+export interface IconProps extends Omit<SVGProps, 'fill'> {
+    name: keyof IMapIcons;
+}
 export type IMapIcons = {
     [key in (typeof iconsList)[number]]: React.ElementType;
 };
-export interface SVGProps {
-    fill?: string;
-    size?: number;
-}

package/dist/components/Input/types.d.ts

@@ -1,7 +1,7 @@
+import { BaseSyntheticEvent, KeyboardEventHandler } from 'react';
 import type { UseFormReturn } from 'react-hook-form';
 import type { Interpolation, Theme } from '@emotion/react';
-import { BaseSyntheticEvent, KeyboardEventHandler } from 'react';
-interface ExtendedInputProps extends React.HTMLAttributes<HTMLInputElement> {
+interface ExtendedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     'data-testid'?: string;
 }
 export interface InputProps extends Partial<Pick<UseFormReturn, 'register' | 'control' | 'setValue'>> {