gd-design-library 0.0.1 → 0.0.3

package/README.md

@@ -113,7 +113,7 @@ Clone the repository and install the dependencies:
 ```sh
 git clone https://github.com/griddynamics/cto-rnd-system-design.git
 cd gd-design-system
-npm install
+yarn install
 ```
 
 ### Development
@@ -121,7 +121,7 @@ npm install
 To start the development server, run:
 
 ```sh
-npm run dev
+yarn run dev
 ```
 
 This will start the Vite development server and open the project in your default web browser.
@@ -131,7 +131,7 @@ This will start the Vite development server and open the project in your default
 To build the project for production, run:
 
 ```sh
-npm run build
+yarn run build
 ```
 
 The output will be generated in the dist directory.
@@ -141,7 +141,7 @@ The output will be generated in the dist directory.
 To lint the project, run:
 
 ```sh
-npm run lint
+yarn run lint
 ```
 
 ### Code Formatting with Prettier

package/assets/icons/account_circle.d.ts

@@ -0,0 +1,7 @@
+export declare const AccountCircleIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/arrow-down.d.ts

@@ -0,0 +1,6 @@
+export declare const ArrowDownIcon: ({ width, height, fillSvg, fill, }: {
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/arrow-forward.d.ts

@@ -1,4 +1,5 @@
-export declare const ArrowForwardIcon: ({ width, height, fillSvg, fill, }: {
+export declare const ArrowForwardIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     fillSvg?: string | undefined;

package/assets/icons/check.d.ts

@@ -1,4 +1,5 @@
-export declare const CheckIcon: ({ width, height, fillSvg, fill, }: {
+export declare const CheckIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     fillSvg?: string | undefined;

package/assets/icons/chevron-right.d.ts

@@ -1,4 +1,5 @@
-export declare const ChevronRightIcon: ({ width, height, fillSvg, fill, }: {
+export declare const ChevronRightIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     fillSvg?: string | undefined;

package/assets/icons/cross.d.ts

@@ -1,4 +1,5 @@
-export declare const CrossIcon: ({ width, height, fillSvg, fill, }: {
+export declare const CrossIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     fillSvg?: string | undefined;

package/assets/icons/dot.d.ts

@@ -1,4 +1,5 @@
-export declare const DotIcon: ({ width, height, fillSvg, fill }: {
+export declare const DotIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     fillSvg?: string | undefined;

package/assets/icons/error_outline.d.ts

@@ -0,0 +1,6 @@
+export declare const ErrorOutlineIcon: ({ width, height, color, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    color?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/favorite.d.ts

@@ -0,0 +1,7 @@
+export declare const FavoriteIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/home.d.ts

@@ -1,4 +1,5 @@
-export declare const HomeIcon: ({ width, height, fillSvg, fill }: {
+export declare const HomeIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     fillSvg?: string | undefined;

package/assets/icons/local_shipping.d.ts

@@ -0,0 +1,7 @@
+export declare const LocalShippingIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/mobile_menu_button.d.ts

@@ -0,0 +1,7 @@
+export declare const MobileMenuIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/shopping_bag.d.ts

@@ -0,0 +1,7 @@
+export declare const ShoppingBagIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/slash.d.ts

@@ -1,4 +1,5 @@
-export declare const SlashIcon: ({ width, height, fillSvg, fill, }: {
+export declare const SlashIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     fillSvg?: string | undefined;

package/assets/icons/star.d.ts

@@ -1,5 +1,7 @@
-export declare const StarIcon: ({ width, height, fill }: {
+export declare const StarIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
+    fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/starOutlined.d.ts

@@ -0,0 +1,6 @@
+export declare const StarOutlinedIcon: ({ width, height, fillSvg, fill, }: {
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/toast_error.d.ts

@@ -1,4 +1,5 @@
-export declare const ToastErrorIcon: ({ width, height, color }: {
+export declare const ToastErrorIcon: ({ width, height, color, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     color?: string | undefined;

package/assets/icons/toast_info.d.ts

@@ -1,4 +1,5 @@
-export declare const ToastInfoIcon: ({ width, height, color }: {
+export declare const ToastInfoIcon: ({ width, height, color, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     color?: string | undefined;

package/assets/icons/toast_success.d.ts

@@ -1,4 +1,5 @@
-export declare const ToastSuccessIcon: ({ width, height, color }: {
+export declare const ToastSuccessIcon: ({ width, height, color, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     color?: string | undefined;

package/assets/icons/toast_warning.d.ts

@@ -1,4 +1,5 @@
-export declare const ToastWarningIcon: ({ width, height, color }: {
+export declare const ToastWarningIcon: ({ width, height, color, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     color?: string | undefined;

package/assets/index.d.ts

@@ -1,83 +1,11 @@
-import { StarIcon } from './icons/star';
-import { CrossIcon } from './icons/cross';
-import { ToastSuccessIcon } from './icons/toast_success';
-import { ToastWarningIcon } from './icons/toast_warning';
-import { ToastErrorIcon } from './icons/toast_error';
-import { ToastInfoIcon } from './icons/toast_info';
-import { DotIcon } from './icons/dot';
-import { CheckIcon } from './icons/check';
-import { HomeIcon } from './icons/home';
-import { ChevronRightIcon } from './icons/chevron-right';
-import { SlashIcon } from './icons/slash';
-import { ArrowForwardIcon } from './icons/arrow-forward';
-export { StarIcon, CrossIcon, ToastSuccessIcon, ToastWarningIcon, ToastErrorIcon, ToastInfoIcon, DotIcon, CheckIcon, HomeIcon, ChevronRightIcon, SlashIcon, ArrowForwardIcon, };
-declare const _default: {
-    cross: ({ width, height, fillSvg, fill, }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        fillSvg?: string | undefined;
-        fill?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    success: ({ width, height, color }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        color?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    star: ({ width, height, fill }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        fill?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    error: ({ width, height, color }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        color?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    warning: ({ width, height, color }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        color?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    info: ({ width, height, color }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        color?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    dot: ({ width, height, fillSvg, fill }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        fillSvg?: string | undefined;
-        fill?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    check: ({ width, height, fillSvg, fill, }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        fillSvg?: string | undefined;
-        fill?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    home: ({ width, height, fillSvg, fill }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        fillSvg?: string | undefined;
-        fill?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    chevronRight: ({ width, height, fillSvg, fill, }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        fillSvg?: string | undefined;
-        fill?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    slash: ({ width, height, fillSvg, fill, }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        fillSvg?: string | undefined;
-        fill?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    arrowForward: ({ width, height, fillSvg, fill, }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        fillSvg?: string | undefined;
-        fill?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-};
-export default _default;
+export { StarIcon } from './icons/star';
+export { CrossIcon } from './icons/cross';
+export { ToastSuccessIcon } from './icons/toast_success';
+export { ToastWarningIcon } from './icons/toast_warning';
+export { ToastErrorIcon } from './icons/toast_error';
+export { ToastInfoIcon } from './icons/toast_info';
+export { DotIcon } from './icons/dot';
+export { CheckIcon } from './icons/check';
+export { ArrowDownIcon } from './icons/arrow-down';
+export { ChevronRightIcon } from './icons/chevron-right';
+export { MobileMenuIcon } from './icons/mobile_menu_button';

package/components/core/Dropdown/Dropdown.d.ts

@@ -0,0 +1,4 @@
+import { DropdownProps } from './Dropdown.types';
+export declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/components/core/Dropdown/Dropdown.types.d.ts

@@ -0,0 +1,12 @@
+import { Theme } from '../../../hooks/useTheme';
+import { OnSelectProps } from '../types/events.types';
+export interface DropdownProps {
+    theme?: Theme;
+    onSelect?: (props: OnSelectProps) => void;
+}
+export interface StyledDropdownProps extends DropdownProps {
+    $width?: string;
+}
+export interface DropdownContextType {
+    onSelect?: (props: OnSelectProps) => void;
+}

package/components/core/Dropdown/StyledDropdown.d.ts

@@ -0,0 +1,2 @@
+import { StyledDropdownProps } from './Dropdown.types';
+export declare const StyledDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDropdownProps>> & string;

package/components/core/Dropdown/constants.d.ts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "Dropdown";

package/components/core/Dropdown/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useDropdown';

package/components/core/Dropdown/hooks/useDropdown.d.ts

@@ -0,0 +1,3 @@
+import { DropdownContextType } from '../Dropdown.types';
+export declare const DropdownContext: import('react').Context<DropdownContextType | undefined>;
+export declare const useDropdownContext: () => DropdownContextType;

package/components/core/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Dropdown';
+export * from './Dropdown.types';

package/components/core/DropdownItem/DropdownItem.d.ts

@@ -0,0 +1,4 @@
+import { DropdownItemProps } from './DropdownItem.types';
+export declare const DropdownItem: import('react').ForwardRefExoticComponent<DropdownItemProps<unknown> & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/components/core/DropdownItem/DropdownItem.types.d.ts

@@ -0,0 +1,15 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { Theme } from '../../../hooks/useTheme';
+import { OnSelectProps } from '../types/events.types';
+export interface DropdownItemProps<T> extends PropsWithChildren {
+    onSelect?: (props: OnSelectProps) => T;
+    children: ReactNode;
+    value?: unknown;
+    itemIndex?: number;
+    name?: string;
+    customClass?: string;
+    theme?: Theme;
+}
+export interface StyledDropdownItemProps {
+    theme?: Theme;
+}

package/components/core/DropdownItem/StyledDropdownItem.d.ts

@@ -0,0 +1,2 @@
+import { StyledDropdownItemProps } from './DropdownItem.types';
+export declare const StyledDropdownItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDropdownItemProps>> & string;

package/components/core/DropdownItem/constants.d.ts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "DropdownItem";

package/components/core/DropdownItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DropdownItem';
+export * from './DropdownItem.types';

package/components/core/Form/Form.d.ts

@@ -1,4 +1,4 @@
-import { FormProps } from '.';
+import { FormProps } from './Form.types';
 declare const Form: import('react').ForwardRefExoticComponent<FormProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLFormElement>>;

package/components/core/Form/utils.d.ts

@@ -1,3 +1,3 @@
-import { FormFieldsData } from './';
+import { FormFieldsData } from './Form.types';
 export declare const transformFormDataToObjectWithValues: (targetForm?: HTMLFormElement) => FormFieldsData;
 export declare const transformFormElementDataToObjectWithValues: (targetElement: EventTarget, output?: FormFieldsData) => FormFieldsData;

package/components/core/Icon/Icon.d.ts

@@ -1,5 +1,2 @@
 import { IconProps } from './Icon.types';
-export declare const Icon: {
-    (props: IconProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
+export declare const Icon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGElement>>;

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

@@ -1,6 +1,5 @@
-import { default as IconsList } from '../../../assets';
 export interface IconProps {
-    name: keyof typeof IconsList;
+    name: string;
     width?: number;
     height?: number;
     fill?: string;

package/components/core/Icon/constants.d.ts

@@ -1 +1,75 @@
 export declare const COMPONENT_NAME = "CustomIcon";
+export declare const IconsList: {
+    cross: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    success: ({ width, height, color, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        color?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    star: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    error: ({ width, height, color, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        color?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    warning: ({ width, height, color, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        color?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    info: ({ width, height, color, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        color?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    dot: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    check: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    arrowDown: ({ width, height, fillSvg, fill, }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    arrowRight: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    mobileMenu: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};

package/components/core/Image/Image.d.ts

@@ -0,0 +1,3 @@
+import { ImageProps } from './Image.types';
+declare const Image: ({ id, src, alt, width, height, className, placeholder, caption, onClick, objectFit, styles, }: ImageProps) => import("react/jsx-runtime").JSX.Element;
+export default Image;

package/components/core/Image/Image.types.d.ts

@@ -0,0 +1,27 @@
+import { CommonComponentProps } from '../..';
+import { Theme } from '../../../hooks/useTheme';
+export interface ImageProps extends CommonComponentProps {
+    id?: string;
+    src?: string;
+    alt?: string;
+    width?: number;
+    height?: number;
+    className?: string;
+    placeholder?: string;
+    caption?: string;
+    onClick?: () => void;
+    objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+}
+export interface StyledImageWrapperProps extends Pick<ImageProps, 'width' | 'height' | 'id' | 'className'> {
+    theme: Theme;
+}
+export interface StyledImageProps extends Pick<ImageProps, 'objectFit'> {
+    theme: Theme;
+    isLoading: boolean;
+}
+export interface StyledImagePlaceholderProps {
+    theme: Theme;
+}
+export interface StyledImageCaptionProps {
+    theme: Theme;
+}

package/components/core/Image/StyledImage.d.ts

@@ -0,0 +1,5 @@
+import { StyledImageCaptionProps, StyledImagePlaceholderProps, StyledImageProps, StyledImageWrapperProps } from './Image.types';
+export declare const StyledImageWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledImageWrapperProps>> & string;
+export declare const StyledImage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, StyledImageProps>> & string;
+export declare const Placeholder: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledImagePlaceholderProps>> & string;
+export declare const Caption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, StyledImageCaptionProps>> & string;

package/components/core/Image/constants.d.ts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "Image";

package/components/core/Image/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Image } from './Image';
+export * from './Image.types';

package/components/core/Input/Input.d.ts

@@ -1,3 +1,3 @@
-import { InputFieldProps } from './';
+import { InputFieldProps } from './Input.types';
 declare const Input: import('react').ForwardRefExoticComponent<InputFieldProps & import('react').RefAttributes<HTMLInputElement>>;
 export default Input;

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

@@ -1,4 +1,4 @@
-import { ChangeEvent, FocusEvent, MouseEvent } from 'react';
+import { ChangeEvent, FocusEvent, MouseEvent, KeyboardEvent } from 'react';
 import { CommonCoreComponentProps, CommonCoreStyledComponentProps } from '../..';
 import { EnumOrPrimitive } from '../../../types';
 export declare enum InputVariantType {
@@ -43,6 +43,7 @@ export interface BaseInputFieldProps extends CommonCoreComponentProps<InputVaria
     defaultValue?: string | number;
     onClick?: (event: MouseEvent<HTMLInputElement>) => void;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
     onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
     onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
     disabled?: boolean;

package/components/core/Input/StyledInput.d.ts

@@ -1,3 +1,3 @@
-import { StyledInputProps } from '.';
+import { StyledInputProps } from './Input.types';
 declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, StyledInputProps>> & string;
 export default StyledInput;

package/components/core/Label/Label.d.ts

@@ -1,4 +1,4 @@
-import { LabelProps } from './';
+import { LabelProps } from './Label.types';
 declare const Label: import('react').ForwardRefExoticComponent<LabelProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLLabelElement>>;

package/components/core/Label/StyledLabel.d.ts

@@ -1,2 +1,2 @@
-import { StyledLabelProps } from './';
+import { StyledLabelProps } from './Label.types';
 export declare const StyledLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, StyledLabelProps>> & string;

package/components/core/Link/Link.types.d.ts

@@ -4,6 +4,7 @@ import { TabIndex, EnumOrPrimitive } from '../../../types';
 export declare enum LinkVariant {
     Primary = "primary",
     Secondary = "secondary",
+    Inverted = "inverted",
     Inherit = "inherit"
 }
 export declare enum LinkTarget {

package/components/core/List/StyledList.d.ts

@@ -1,3 +1,3 @@
-import { StyledListProps } from '.';
+import { StyledListProps } from './List.types';
 export declare const StyledListWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, StyledListProps>> & string;
 export declare const StyledListItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, StyledListProps>> & string;

package/components/core/Loader/StyledLoader.d.ts

@@ -1,2 +1,2 @@
-import { LoaderStyledProps } from '.';
+import { LoaderStyledProps } from './Loader.types';
 export declare const StyledLoader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LoaderStyledProps>> & string;

package/components/core/Portal/Portal.d.ts

@@ -1,4 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { PortalProps } from '.';
-declare const Portal: (props: PropsWithChildren<PortalProps>) => import('react').ReactPortal;
+import { PortalProps } from './Portal.types';
+declare const Portal: import('react').ForwardRefExoticComponent<PortalProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
 export default Portal;

package/components/core/Select/Select.d.ts

@@ -0,0 +1,5 @@
+import { Ref } from 'react';
+import { SelectProps, SelectRef } from '../..';
+export declare const Select: <T extends HTMLElement = HTMLDivElement>(props: SelectProps<T> & {
+    ref?: Ref<SelectRef>;
+}) => JSX.Element;