@ssa-ui-kit/core 0.0.24-alpha → 0.0.26-alpha

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { IAccordionGroupContext } from './types';
-export declare const AccordionGroupContext: import("react").Context<IAccordionGroupContext>;
-export declare const useAccordionGroupContext: () => IAccordionGroupContext;
+import { AccordionGroupContextProps } from './types';
+export declare const AccordionGroupContext: import("react").Context<AccordionGroupContextProps>;
+export declare const useAccordionGroupContext: () => AccordionGroupContextProps;
 export declare const AccordionGroupContextProvider: ({ children, }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -38,7 +38,7 @@ export interface AccordionViewProps extends AccordionProps {
     children?: React.ReactNode;
     contentProps?: Record<string, any>;
 }
-export interface IAccordionGroupContext {
+export interface AccordionGroupContextProps {
     openedAccordions: Array<AccordionProps> | [];
     stayOpen: boolean;
     setOpenedAccordions: (accordions: Array<AccordionProps>) => void;

package/dist/components/Badge/helpers.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { IMapIcons } from '../Icon/types';
+import { MapIconsType } from '../Icon/types';
 export declare const sizes: Array<keyof MainSizes>;
 export declare const colors: Array<keyof MainColors>;
 export declare const icons: Array<{
     color: keyof MainColors;
-    icon: keyof IMapIcons;
+    icon: keyof MapIconsType;
 }>;
 export declare const HeaderTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/dist/components/Button/Button.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IButtonProps } from './types';
-export declare const Button: import("react").ForwardRefExoticComponent<IButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { ButtonProps } from './types';
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default Button;

package/dist/components/Button/ButtonText.d.ts

@@ -1,6 +1,6 @@
-import { IColoredButtonTextProps, IButtonTextProps } from './types';
-export declare const ButtonText: ({ text, className, testId }: IButtonTextProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WhiteButtonText: ({ text }: IColoredButtonTextProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GreyButtonText: ({ text }: IColoredButtonTextProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GreyLightButtonText: ({ text }: IColoredButtonTextProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DisabledButtonText: ({ text }: IColoredButtonTextProps) => import("react/jsx-runtime").JSX.Element;
+import { ColoredButtonTextProps, ButtonTextProps } from './types';
+export declare const ButtonText: ({ text, className, testId }: ButtonTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WhiteButtonText: ({ text }: ColoredButtonTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GreyButtonText: ({ text }: ColoredButtonTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GreyLightButtonText: ({ text }: ColoredButtonTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DisabledButtonText: ({ text }: ColoredButtonTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/fixtures.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
 import Icon from '../Icon';
-import { IButtonProps } from './types';
-export type TestPropsType = Omit<IButtonProps, 'isDisabled' | 'startIcon' | 'endIcon'> & {
+import { ButtonProps } from './types';
+export type TestPropsType = Omit<ButtonProps, 'isDisabled' | 'startIcon' | 'endIcon'> & {
     disabled?: boolean;
     startIcon?: React.ComponentProps<typeof Icon>['name'];
     endIcon?: React.ComponentProps<typeof Icon>['name'];
 };
 export declare const primaryBtnSpecs: TestPropsType[];
 export declare const secondaryBtnSpecs: {
-    variant: keyof import("./types").IButtonVariants | "custom" | undefined;
+    variant: keyof import("./types").ButtonVariants | "custom" | undefined;
     text?: string | undefined;
     size?: keyof MainSizes | undefined;
     'aria-labelledby'?: string | undefined;
@@ -27,7 +27,7 @@ export declare const secondaryBtnSpecs: {
     endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | "unarchive" | "cogwheel" | "circular" | "ban-user" | "confirm-email" | "unlock" | undefined;
 }[];
 export declare const tertiaryBtnSpecs: {
-    variant: keyof import("./types").IButtonVariants | "custom" | undefined;
+    variant: keyof import("./types").ButtonVariants | "custom" | undefined;
     text?: string | undefined;
     size?: keyof MainSizes | undefined;
     'aria-labelledby'?: string | undefined;
@@ -46,7 +46,7 @@ export declare const tertiaryBtnSpecs: {
     endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | "unarchive" | "cogwheel" | "circular" | "ban-user" | "confirm-email" | "unlock" | undefined;
 }[];
 export declare const infoBtnSpecs: {
-    variant: keyof import("./types").IButtonVariants | "custom" | undefined;
+    variant: keyof import("./types").ButtonVariants | "custom" | undefined;
     text?: string | undefined;
     size?: keyof MainSizes | undefined;
     'aria-labelledby'?: string | undefined;
@@ -65,7 +65,7 @@ export declare const infoBtnSpecs: {
     endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | "unarchive" | "cogwheel" | "circular" | "ban-user" | "confirm-email" | "unlock" | undefined;
 }[];
 export declare const attentionBtnSpecs: {
-    variant: keyof import("./types").IButtonVariants | "custom" | undefined;
+    variant: keyof import("./types").ButtonVariants | "custom" | undefined;
     text?: string | undefined;
     size?: keyof MainSizes | undefined;
     'aria-labelledby'?: string | undefined;

package/dist/components/Button/helpers.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { IButtonVariants } from './types';
+import { ButtonVariants } from './types';
 export declare const sizes: Array<keyof MainSizes>;
-export declare const variants: Array<keyof IButtonVariants>;
+export declare const variants: Array<keyof ButtonVariants>;
 export declare const HeaderTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -5,32 +5,32 @@ import { MouseEventHandler } from 'react';
  * https://www.w3.org/WAI/ARIA/apg/patterns/button/
  */
 type ButtonAriaProps = Pick<AriaAttributes, 'aria-labelledby' | 'aria-label' | 'aria-describedby' | 'aria-disabled' | 'aria-pressed' | 'aria-current'>;
-export interface IButtonProps extends ButtonAriaProps {
+export interface ButtonProps extends ButtonAriaProps {
     block?: boolean;
     size?: keyof MainSizes;
     text?: string;
     startIcon?: React.ReactNode;
     endIcon?: React.ReactNode;
-    variant?: keyof IButtonVariants | 'custom';
+    variant?: keyof ButtonVariants | 'custom';
     type?: 'button' | 'reset' | 'submit';
     isDisabled?: boolean;
     className?: string;
     onClick?: MouseEventHandler<HTMLButtonElement>;
     children?: React.ReactNode;
 }
-export interface IButtonVariants {
+export interface ButtonVariants {
     primary: (theme: Theme) => SerializedStyles;
     info: (theme: Theme) => SerializedStyles;
     secondary: (theme: Theme) => SerializedStyles;
     tertiary: (theme: Theme) => SerializedStyles;
     attention: (theme: Theme) => SerializedStyles;
 }
-export type IButtonTextProps = {
+export type ButtonTextProps = {
     text: string;
     className?: string;
     testId?: string;
 };
-export type IColoredButtonTextProps = Required<Pick<IButtonProps, 'size'>> & {
+export type ColoredButtonTextProps = Required<Pick<ButtonProps, 'size'>> & {
     text: string;
 };
 export {};

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,3 +1,3 @@
-import { ICheckboxProps } from './types';
-declare const Checkbox: ({ text, id, onChange, isDisabled, externalState, initialState, isIndeterminate, name, isRequired, ref, register, ...rest }: ICheckboxProps) => import("react/jsx-runtime").JSX.Element;
+import { CheckboxProps } from './types';
+declare const Checkbox: ({ text, id, onChange, isDisabled, externalState, initialState, isIndeterminate, name, isRequired, ref, register, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

package/dist/components/Checkbox/CheckboxBase.d.ts

@@ -1,4 +1,4 @@
-import { ICheckboxProps } from './types';
+import { CheckboxProps } from './types';
 export declare const CheckboxBase: import("@emotion/styled").StyledComponent<import("../Label/types").LabelProps & {
     theme?: import("@emotion/react").Theme | undefined;
-} & Pick<ICheckboxProps, "color">, {}, {}>;
+} & Pick<CheckboxProps, "color">, {}, {}>;

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

@@ -1,6 +1,6 @@
 import { Control, FieldPath, FieldValues, UseFormReturn } from 'react-hook-form';
 import { MutableRefObject } from 'react';
-export interface ICheckboxProps extends Partial<Pick<UseFormReturn, 'register'>> {
+export interface CheckboxProps extends Partial<Pick<UseFormReturn, 'register'>> {
     text?: string;
     id?: string;
     onChange?: (newState: boolean) => void;
@@ -15,7 +15,7 @@ export interface ICheckboxProps extends Partial<Pick<UseFormReturn, 'register'>>
     as?: React.ElementType;
     className?: string;
 }
-export type IFormCheckboxProps<T extends FieldValues> = Omit<ICheckboxProps, 'onChange' | 'name'> & {
+export type IFormCheckboxProps<T extends FieldValues> = Omit<CheckboxProps, 'onChange' | 'name'> & {
     name: FieldPath<T>;
     control: Control<T>;
 };

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import { IDropdownOption } from '../DropdownOptions/types';
-import { IDropdownProps } from './types';
-declare const Dropdown: <T extends IDropdownOption>({ selectedItem, isDisabled, isOpen: isInitOpen, children, onChange: handleChange, className, }: IDropdownProps<T>) => import("react/jsx-runtime").JSX.Element;
+import { DropdownOptionProps } from '../DropdownOptions/types';
+import { DropdownProps } from './types';
+declare const Dropdown: <T extends DropdownOptionProps>({ selectedItem, isDisabled, isOpen: isInitOpen, children, onChange: handleChange, className, }: DropdownProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Dropdown;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { IDropdownOption } from '../DropdownOptions';
+import { DropdownOptionProps } from '../DropdownOptions';
 import { CommonProps } from '../../types/emotion';
-export interface IDropdownProps<P extends IDropdownOption> extends CommonProps {
+export interface DropdownProps<P extends DropdownOptionProps> extends CommonProps {
     selectedItem?: P;
     onChange?: (item: P) => void;
     isDisabled?: boolean;
@@ -12,5 +12,5 @@ export interface IDropdownProps<P extends IDropdownOption> extends CommonProps {
 }
 export interface DropdownContextType {
     onChange: (item?: string) => void;
-    activeItem?: IDropdownOption | null;
+    activeItem?: DropdownOptionProps | null;
 }

package/dist/components/DropdownOption/DropdownOption.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Theme } from '@emotion/react';
 import { CommonProps } from '../../types/emotion';
-interface IDropdownItemProps extends CommonProps {
+interface DropdownItemProps extends CommonProps {
     onClick?: (e: React.MouseEvent<HTMLElement>) => void;
     isActive?: boolean;
     isMultiple?: boolean;
@@ -14,5 +14,5 @@ interface IDropdownItemProps extends CommonProps {
 declare const DropdownOption: import("@emotion/styled").StyledComponent<{
     theme?: Theme | undefined;
     as?: React.ElementType<any> | undefined;
-} & IDropdownItemProps, React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+} & DropdownItemProps, React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 export default DropdownOption;

package/dist/components/DropdownOptions/DropdownOptions.d.ts

@@ -1,3 +1,3 @@
-import { IDropdownItemsListProps } from './types';
-declare const DropdownOptions: ({ ariaLabelledby, id, children, }: IDropdownItemsListProps) => import("react/jsx-runtime").JSX.Element;
+import { DropdownItemsListProps } from './types';
+declare const DropdownOptions: ({ ariaLabelledby, id, children, }: DropdownItemsListProps) => import("react/jsx-runtime").JSX.Element;
 export default DropdownOptions;

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

@@ -1,2 +1,2 @@
 export { default } from './DropdownOptions';
-export type { IDropdownOption } from './types';
+export type { DropdownOptionProps } from './types';

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
-export type IDropdownOption = Record<string, string | number>;
-export interface IDropdownItemsListProps extends CommonProps {
+export type DropdownOptionProps = Record<string, string | number>;
+export interface DropdownItemsListProps extends CommonProps {
     ariaLabelledby?: string;
     id?: string;
     children?: React.ReactNode;

package/dist/components/DropdownToggle/DropdownToggle.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { IDropdownToggleProps } from './types';
+import { DropdownToggleProps } from './types';
 export declare const DropdownToggleBase: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Pick<IDropdownToggleProps, "colors" | "disabled" | "isOpen" | "isMultiple" | "selectedCount">, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-declare const DropdownToggle: ({ onClick, onFocus, isOpen, isMultiple, selectedCount, disabled, children, ariaLabelledby, ariaControls, colors, className, }: IDropdownToggleProps) => import("react/jsx-runtime").JSX.Element;
+} & Pick<DropdownToggleProps, "colors" | "disabled" | "isOpen" | "isMultiple" | "selectedCount">, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+declare const DropdownToggle: ({ onClick, onFocus, isOpen, isMultiple, selectedCount, disabled, children, ariaLabelledby, ariaControls, colors, className, }: DropdownToggleProps) => import("react/jsx-runtime").JSX.Element;
 export default DropdownToggle;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Theme } from '@emotion/react';
 import { CommonProps } from '../../types/emotion';
-export interface IDropdownToggleProps extends CommonProps {
+export interface DropdownToggleProps extends CommonProps {
     onClick: (e: React.MouseEvent<HTMLElement>) => void;
     onFocus: (e: React.FocusEvent<HTMLButtonElement, Element>) => void;
     isOpen: boolean;

package/dist/components/FormCheckbox/FormCheckbox.d.ts

@@ -1,4 +1,4 @@
 import type { FieldValues } from 'react-hook-form';
-import { IFormCheckboxProps } from './types';
-declare const FormCheckbox: <T extends FieldValues>({ control, name, isRequired, ...props }: IFormCheckboxProps<T>) => import("react/jsx-runtime").JSX.Element;
+import { FormCheckboxProps } from './types';
+declare const FormCheckbox: <T extends FieldValues>({ control, name, isRequired, ...props }: FormCheckboxProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default FormCheckbox;

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

@@ -1,6 +1,6 @@
 import { Control, FieldPath, FieldValues } from 'react-hook-form';
-import { ICheckboxProps } from '../..';
-export type IFormCheckboxProps<T extends FieldValues> = Omit<ICheckboxProps, 'onChange' | 'name'> & {
+import { CheckboxProps } from '../..';
+export type FormCheckboxProps<T extends FieldValues> = Omit<CheckboxProps, 'onChange' | 'name'> & {
     name: FieldPath<T>;
     control: Control<T>;
 };

package/dist/components/FormHelperText/FormHelperText.d.ts

@@ -1,3 +1,3 @@
-import { IFormHelperText } from './types';
-declare const FormHelperText: ({ role, status, disabled, children, }: IFormHelperText) => import("react/jsx-runtime").JSX.Element;
+import { FormHelperTextProps } from './types';
+declare const FormHelperText: ({ role, status, disabled, children, }: FormHelperTextProps) => import("react/jsx-runtime").JSX.Element;
 export default FormHelperText;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
-export interface IFormHelperText extends CommonProps {
+export interface FormHelperTextProps extends CommonProps {
     children: React.ReactNode;
     role?: string;
     status?: string;

package/dist/components/FormRadioGroup/FormRadioGroup.d.ts

@@ -1,4 +1,4 @@
 import type { FieldValues } from 'react-hook-form';
-import { IFormRadioGroupProps } from './types';
-declare const FormRadioGroup: <T extends FieldValues>({ name, isRequired, control, children, ...props }: IFormRadioGroupProps<T>) => import("react/jsx-runtime").JSX.Element;
+import { FormRadioGroupProps } from './types';
+declare const FormRadioGroup: <T extends FieldValues>({ name, isRequired, control, children, ...props }: FormRadioGroupProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default FormRadioGroup;

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

@@ -1,7 +1,7 @@
 import { FieldPath, Control, FieldValues } from 'react-hook-form';
-import { IRadioGroupProps } from '../RadioGroup/types';
+import { RadioGroupProps } from '../RadioGroup/types';
 import { CommonProps } from '../../types/emotion';
-export type IFormRadioGroupProps<T extends FieldValues> = Omit<IRadioGroupProps, 'name' | 'onChange'> & {
+export type FormRadioGroupProps<T extends FieldValues> = Omit<RadioGroupProps, 'name' | 'onChange'> & {
     name: FieldPath<T>;
     control: Control<T>;
 } & CommonProps;

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

@@ -4,8 +4,8 @@ export interface SVGProps extends React.SVGProps<SVGSVGElement> {
     size?: number;
 }
 export interface IconProps extends Omit<SVGProps, 'fill'> {
-    name: keyof IMapIcons;
+    name: keyof MapIconsType;
 }
-export type IMapIcons = {
+export type MapIconsType = {
     [key in (typeof iconsList)[number]]: React.ElementType;
 };

package/dist/components/LargeTab/LargeTab.d.ts

@@ -1,3 +1,3 @@
-import { ILargeTabProps } from '../TabBar/types';
-declare const LargeTab: ({ topText, bottomText, isActive, onClick, ariaControls, tabId, }: ILargeTabProps) => import("react/jsx-runtime").JSX.Element;
+import { LargeTabProps } from '../TabBar/types';
+declare const LargeTab: ({ topText, bottomText, isActive, onClick, ariaControls, tabId, }: LargeTabProps) => import("react/jsx-runtime").JSX.Element;
 export default LargeTab;

package/dist/components/LargeTab/LargeTabBase.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ILargeTabProps } from '../TabBar/types';
+import { LargeTabProps } from '../TabBar/types';
 export declare const LargeTabBase: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Pick<ILargeTabProps, "isActive">, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+} & Pick<LargeTabProps, "isActive">, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/dist/components/MultipleDropdown/MultipleDropdown.context.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DropdownContextType } from './types';
-import { IDropdownOption } from '../MultipleDropdownOptions';
-declare const MultipleDropdownContext: React.Context<DropdownContextType<IDropdownOption>>;
-export declare function useMultipleDropdownContext(): DropdownContextType<IDropdownOption>;
+import { DropdownOptionType } from '../MultipleDropdownOptions';
+declare const MultipleDropdownContext: React.Context<DropdownContextType<DropdownOptionType>>;
+export declare function useMultipleDropdownContext(): DropdownContextType<DropdownOptionType>;
 export default MultipleDropdownContext;

package/dist/components/MultipleDropdown/MultipleDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IDropdownOption } from '../DropdownOptions/types';
-import { IDropdownProps } from './types';
-declare const MultipleDropdown: React.ForwardRefExoticComponent<IDropdownProps<IDropdownOption> & React.RefAttributes<HTMLDivElement>>;
+import { DropdownOptionProps } from '../DropdownOptions/types';
+import { DropdownProps } from './types';
+declare const MultipleDropdown: React.ForwardRefExoticComponent<DropdownProps<DropdownOptionProps> & React.RefAttributes<HTMLDivElement>>;
 export default MultipleDropdown;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { IDropdownOption } from '../DropdownOptions/types';
-export type IDropdownProps<P extends IDropdownOption> = {
+import { DropdownOptionProps } from '../DropdownOptions/types';
+export type DropdownProps<P extends DropdownOptionProps> = {
     selectedItems?: P[];
     isMultiple?: boolean;
     isDisabled?: boolean;
@@ -12,7 +12,7 @@ export type IDropdownProps<P extends IDropdownOption> = {
     label?: string;
     onChange?: (selectedItem: string | number, isSelected: boolean) => void;
 };
-export interface DropdownContextType<T extends IDropdownOption> {
+export interface DropdownContextType<T extends DropdownOptionProps> {
     onChange: (item: T) => void;
     isMultiple?: boolean;
     allItems: Record<string | number, T>;

package/dist/components/MultipleDropdown/utils.d.ts

@@ -1,7 +1,7 @@
-import { IDropdownOption } from '../..';
+import { DropdownOptionProps } from '../..';
 interface GetActiveItems<T> {
     allItems: T;
     placeholder: string;
 }
-export declare const getActiveItems: <T extends Record<string | number, IDropdownOption>>({ allItems, placeholder, }: GetActiveItems<T>) => (Record<string | number, string | number> | NonNullable<string | number>)[];
+export declare const getActiveItems: <T extends Record<string | number, DropdownOptionProps>>({ allItems, placeholder, }: GetActiveItems<T>) => (Record<string | number, string | number> | NonNullable<string | number>)[];
 export {};

package/dist/components/MultipleDropdownOptions/MultipleDropdownOptions.d.ts

@@ -1,3 +1,3 @@
-import { IDropdownItemsListProps } from './types';
-declare const MultipleDropdownOptions: ({ ariaLabelledby, id, children, }: IDropdownItemsListProps) => import("react/jsx-runtime").JSX.Element;
+import { DropdownItemsListProps } from './types';
+declare const MultipleDropdownOptions: ({ ariaLabelledby, id, children, }: DropdownItemsListProps) => import("react/jsx-runtime").JSX.Element;
 export default MultipleDropdownOptions;

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

@@ -1,2 +1,2 @@
 export { default } from './MultipleDropdownOptions';
-export type { IDropdownOption } from './types';
+export type { DropdownOptionType } from './types';

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export type IDropdownOption = Record<string, string | number>;
-export interface IDropdownItemsListProps {
+export type DropdownOptionType = Record<string, string | number>;
+export interface DropdownItemsListProps {
     ariaLabelledby?: string;
     id?: string;
     children?: React.ReactNode;

package/dist/components/Popover/PopoverTrigger.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
+import { ButtonProps } from '../Button/types';
 import { PopoverTriggerProps } from './types';
-import { IButtonProps } from '../Button/types';
-export declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement> & IButtonProps & PopoverTriggerProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement> & ButtonProps & PopoverTriggerProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/components/Radio/Radio.d.ts

@@ -1,3 +1,3 @@
-import { IRadioProps } from './types';
-declare const Radio: ({ id, name, value, isChecked, isDisabled, isRequired, onChange, text, className, }: IRadioProps) => import("react/jsx-runtime").JSX.Element;
+import { RadioProps } from './types';
+declare const Radio: ({ id, name, value, isChecked, isDisabled, isRequired, onChange, text, className, }: RadioProps) => import("react/jsx-runtime").JSX.Element;
 export default Radio;

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

@@ -1,4 +1,4 @@
-export interface IRadioProps {
+export interface RadioProps {
     id?: string;
     value: string;
     name?: string;

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -1,3 +1,3 @@
-import { IRadioGroupProps } from './types';
-declare const RadioGroup: ({ name, isRequired, initialState, onChange, children, className, }: IRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+import { RadioGroupProps } from './types';
+declare const RadioGroup: ({ name, isRequired, initialState, onChange, children, className, }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioGroup;

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { IRadioProps } from '../Radio/types';
-export interface IRadioGroupProps {
+import { RadioProps } from '../Radio/types';
+export interface RadioGroupProps {
     name: string;
     isRequired?: boolean;
     initialState?: string;
     className?: string;
     onChange: (value: string) => void;
-    children: React.ReactElement<IRadioProps>[];
+    children: React.ReactElement<RadioProps>[];
 }

package/dist/components/ResponsiveImage/ResponsiveImage.d.ts

@@ -1,4 +1,4 @@
-import { IResponsiveImageProps } from './types';
+import { ResponsiveImageProps } from './types';
 /**
  * A simple wrapper over the `<img />` tag.
  *
@@ -6,5 +6,5 @@ import { IResponsiveImageProps } from './types';
  * when testing srcSet, and use Hard Reload to force the
  * browser to load an image of another resolution.
  * */
-declare const ResponsiveImage: ({ src, alt, ...props }: IResponsiveImageProps) => import("react/jsx-runtime").JSX.Element;
+declare const ResponsiveImage: ({ src, alt, ...props }: ResponsiveImageProps) => import("react/jsx-runtime").JSX.Element;
 export default ResponsiveImage;

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

@@ -1,4 +1,4 @@
-export interface IResponsiveImageProps {
+export interface ResponsiveImageProps {
     src: string;
     srcSet: string;
     sizes: string;

package/dist/components/Switch/Switch.d.ts

@@ -1,3 +1,3 @@
-import { ISwitchProps } from './types';
-declare const Switch: ({ label, isDisabled }: ISwitchProps) => import("react/jsx-runtime").JSX.Element;
+import { SwitchProps } from './types';
+declare const Switch: ({ label, isDisabled }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
 export default Switch;

package/dist/components/Switch/SwitchContext.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-export interface ISwitchContext {
+export interface SwitchContext {
     isOn: boolean;
     toggle: () => void;
 }
-export declare const SwitchContext: import("react").Context<ISwitchContext>;
-export declare const useSwitchContext: () => ISwitchContext;
+export declare const SwitchContext: import("react").Context<SwitchContext>;
+export declare const useSwitchContext: () => SwitchContext;
 export declare const SwitchContextProvider: ({ initialState, children, }: {
     initialState?: boolean | undefined;
     children: React.ReactNode;

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

@@ -1,4 +1,4 @@
-export interface ISwitchProps {
+export interface SwitchProps {
     label: string;
     isDisabled?: boolean;
 }

package/dist/components/Tab/Tab.d.ts

@@ -1,3 +1,3 @@
-import { ISmallTabProps } from '../TabBar/types';
-declare const Tab: ({ onClick, isActive, text, ariaControls, tabId, }: ISmallTabProps) => import("react/jsx-runtime").JSX.Element;
+import { SmallTabProps } from '../TabBar/types';
+declare const Tab: ({ onClick, isActive, text, ariaControls, tabId, }: SmallTabProps) => import("react/jsx-runtime").JSX.Element;
 export default Tab;

package/dist/components/Tab/TabBase.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ISmallTabProps } from '../TabBar/types';
+import { SmallTabProps } from '../TabBar/types';
 export declare const TabBase: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Pick<ISmallTabProps, "isActive">, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+} & Pick<SmallTabProps, "isActive">, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/dist/components/TabBar/TabBar.d.ts

@@ -1,4 +1,4 @@
-import { ITabBarProps } from './types';
+import { TabBarProps } from './types';
 /**
  * This component doesn't show contents of the selected tab,
  * however it accepts a required `renderContent()` render
@@ -6,5 +6,5 @@ import { ITabBarProps } from './types';
  * component to decide where to render the contents of the
  * selected tab.
  * */
-declare const TabBar: ({ children }: ITabBarProps) => import("react/jsx-runtime").JSX.Element;
+declare const TabBar: ({ children }: TabBarProps) => import("react/jsx-runtime").JSX.Element;
 export default TabBar;

package/dist/components/TabBar/TabBarContext.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { ITab, ITabBarContext } from './types';
-export declare const TabBarContext: import("react").Context<ITabBarContext>;
-export declare const useTabBarContext: () => ITabBarContext;
+import { TabProps, TabBarContextProps } from './types';
+export declare const TabBarContext: import("react").Context<TabBarContextProps>;
+export declare const useTabBarContext: () => TabBarContextProps;
 export declare const TabBarContextProvider: ({ initialTab, children, }: {
-    initialTab?: ITab | undefined;
+    initialTab?: TabProps | undefined;
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TabBar/stories/helpers.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ITab } from '../types';
-import TabBar from '../TabBar';
 import { DecoratorFunction } from '@storybook/types';
+import TabBar from '../TabBar';
+import { TabProps } from '../types';
 type Args = Parameters<typeof TabBar>[0];
 export declare const TabBarWrapper: ({ children, selectedTabId, renderContent, }: {
     children: React.ReactNode;