kompoze 1.0.0 → 1.1.0

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

@@ -1,120 +1,30 @@
-export { SearchIcon } from './SearchIcon';
-export { StatementIcon } from './StatementIcon';
-export { TransactionIcon } from './TransactionIcon';
-export { HookIcon } from './HookIcon';
-export { ArrowLeftIcon } from './ArrowLeftIcon';
-export { CloseIcon } from './CloseIcon';
-export { DoneCircleIcon } from './DoneCircleIcon';
-export { HamburgerIcon } from './HamburgerIcon';
-export { DeliveredIcon } from './DeliveredIcon';
-export { BoldArrowUpIcon } from './BoldArrowUpIcon';
-export { BoldArrowDownIcon } from './BoldArrowDownIcon';
-export { HandDownIcon } from './HandDownIcon';
-export { FilterIcon } from './FilterIcon';
-export { DocIcon } from './DocIcon';
-export { EditFillIcon } from './EditFillIcon';
-export { HelpCircleIcon } from './HelpCircleIcon';
-export { InvitationIcon } from './InvitationIcon';
-export { ShareIcon } from './ShareIcon';
-export { RupeeCircleIcon } from './RupeeCircleIcon';
 export { RewardIcon } from './RewardIcon';
-export { AccountIcon } from './AccountIcon';
-export { AddCustomerIcon } from './AddCustomerIcon';
-export { AddPhotoIcon } from './AddPhotoIcon';
-export { CogIcon } from './CogIcon';
-export { PhoneIcon } from './PhoneIcon';
-export { TickIcon } from './TickIcon';
-export { ReceiverIcon } from './ReceiverIcon';
 export { VoiceIcon } from './VoiceIcon';
-export { PhoneBookIcon } from './PhoneBookIcon';
-export { OtpDotIcon } from './OtpDotIcon';
-export { OtpWrongIcon } from './OtpWrongIcon';
-export { TimesIcon } from './TimesIcon';
-export { DeviceIcon } from './DeviceIcon';
-export { BusinessIcon } from './BusinessIcon';
 export { WalletIcon } from './WalletIcon';
 export { ShieldIcon } from './ShieldIcon';
-export { LedgerIcon } from './LedgerIcon';
-export { BusinessCardIcon } from './BusinessCardIcon';
-export { CameraIcon } from './CameraIcon';
 export { ProfileFilledIcon } from './ProfileFilledIcon';
 export { TruckIcon } from './TruckIcon';
-export { DownloadIcon } from './DownloadIcon';
 export { InfoIcon } from './InfoIcon';
-export { MallIcon } from './MallIcon';
-export { NameIcon } from './NameIcon';
-export { PlaceFilledIcon } from './PlaceFilledIcon';
-export { PlaceIcon } from './PlaceIcon';
 export { StoreIcon } from './StoreIcon';
-export { SecurityIcon } from './SecurityIcon';
 export { ProfileDummyIcon } from './ProfileDummyIcon';
-export { CaretDownIcon } from './CaretDownIcon';
-export { CaretLeftIcon } from './CaretLeftIcon';
-export { CaretRightIcon } from './CaretRightIcon';
-export { ChatIcon } from './ChatIcon';
-export { BuildingIcon } from './BuildingIcon';
-export { SimIcon } from './SimIcon';
-export { SegueIcon } from './SegueIcon';
-export { PinIcon } from './PinIcon';
-export { PhoneChangeIcon } from './PhoneChangeIcon';
-export { PowerIcon } from './PowerIcon';
-export { CheckMarkIcon } from './CheckMarkIcon';
 export { TransitionIcon } from './TransitionIcon';
-export { LanguageIcon } from './LanguageIcon';
-export { LockIcon } from './LockIcon';
 export { ThumbsUpIcon } from './ThumbsUpIcon';
 export { ThumbsDownIcon } from './ThumbsDownIcon';
-export { CommonLedgerIcon } from './CommonLedgerIcon';
-export { CommonLedgerBlockedIcon } from './CommonLedgerBlockedIcon';
-export { TrashIcon } from './TrashIcon';
-export { MoreVertIcon } from './MoreVertIcon';
-export { HomeIcon } from './HomeIcon';
-export { PrintIcon } from './PrintIcon';
-export { GlobeIcon } from './GlobeIcon';
+export { CaretRightIcon } from './CaretRightIcon';
+export { CaretLeftIcon } from './CaretLeftIcon';
+export { TickIcon } from './TickIcon';
 export { SMSIcon } from './SMSIcon';
-export { LockFilledIcon } from './LockFilledIcon';
-export { WhatsappIcon } from './WhatsappIcon';
-export { PencilCircleIcon } from './PencilCircleIcon';
-export { GiveBoldIcon } from './GiveBoldIcon';
 export { TakeBoldIcon } from './TakeBoldIcon';
-export { ReviewIcon } from './ReviewIcon';
-export { RejectIcon } from './RejectIcon';
-export { ApprovedIcon } from './ApprovedIcon';
 export { UploadIcon } from './UploadIcon';
-export { UpiIcon } from './UpiIcon';
-export { IfscIcon } from './IfscIcon';
-export { MessengerIcon } from './MessengerIcon';
-export { BusinessIconAlt } from './BusinessIconAlt';
 export { RepeatIcon } from './RepeatIcon';
 export { UserIcon } from './UserIcon';
-export { CurvedCheckIcon } from './CurvedCheckIcon';
-export { KycIcon } from './KycIcon';
-export { LoanIcon } from './LoanIcon';
 export { SyncIcon } from './SyncIcon';
-export { GalleryIcon } from './GalleryIcon';
-export { CameraAltIcon } from './CameraAltIcon';
-export { InstalmentIcon } from './InstalmentIcon';
-export { CashbackIcon } from './CashbackIcon';
 export { InfoFilledIcon } from './InfoFilledIcon';
-export { CardIcon } from './CardIcon';
-export { MandateIcon } from './MandateIcon';
-export { PencilIcon } from './PencilIcon';
-export { ShieldSearchIcon } from './ShieldSearchIcon';
-export { WhatsappBoldIcon } from './WhatsappBoldIcon';
-export { EmailIcon } from './EmailIcon';
-export { CalendarIcon } from './CalendarIcon';
-export { AddPhotoFilledIcon } from './AddPhotoFilledIcon';
-export { BellIcon } from './BellIcon';
-export { SelfieIcon } from './SelfieIcon';
 export { SelfieAltIcon } from './SelfieAltIcon';
-export { PlaceAltIcon } from './PlaceAltIcon';
 export { SmartPhoneIcon } from './SmartPhoneIcon';
-export { PlusCircleIcon } from './PlusCircleIcon';
-export { AlarmIcon } from './AlarmIcon';
 export { SupportAgentIcon } from './SupportAgentIcon';
-export { ClockIcon } from './ClockIcon';
-export { ApprovalIcon } from './ApprovalIcon';
-export { DateIcon } from './DateIcon';
-export { BulletIcon } from './BulletIcon';
-export { CalendarRepeatIcon } from './CalendarRepeatIcon';
-export { RocketIcon } from './RocketIcon';
+export { DoneCircleIcon } from './DoneCircleIcon';
+export { HamburgerIcon } from './HamburgerIcon';
+export { BoldArrowUpIcon } from './BoldArrowUpIcon';
+export { BoldArrowDownIcon } from './BoldArrowDownIcon';
+export { ArrowLeftIcon } from './ArrowLeftIcon';

package/dist/components/IconButton/IconButton.stories.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 export declare const Medium: React.FC<{}>;
 export declare const Primary: React.FC<{}>;
 export declare const Small: React.FC<{}>;

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

@@ -1,7 +1,7 @@
-import { ButtonAppearance, IColor, IElementSize, OkElement } from '../../utils/utils.types';
-export interface IconButtonProps extends OkElement {
-    size?: IElementSize;
-    variant?: ButtonAppearance;
-    color?: IColor;
+import { KompozeButtonAppearance, KompozeColor, KompozeElementSize, KompozeElement } from '../../utils/utils.types';
+export interface IconButtonProps extends KompozeElement {
+    size?: KompozeElementSize;
+    variant?: KompozeButtonAppearance;
+    color?: KompozeColor;
     disabled?: boolean;
 }

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { OkElement } from '../../utils/utils.types';
-export interface ListItemProps extends React.HTMLAttributes<HTMLLIElement>, OkElement {
+import { KompozeElement } from '../../utils/utils.types';
+export interface ListItemProps extends React.HTMLAttributes<HTMLLIElement>, KompozeElement {
     primary?: React.ReactNode;
     secondary?: React.ReactNode;
     icon?: React.ReactNode;

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

@@ -1,6 +1,6 @@
-import { ITransitionType, OkElement } from '../../utils/utils.types';
-export interface OkTransitionProps extends React.HTMLAttributes<HTMLDivElement>, OkElement {
-    anchor?: ITransitionType;
+import { KompozeTransitionType, KompozeElement } from '../../utils/utils.types';
+export interface OkTransitionProps extends React.HTMLAttributes<HTMLDivElement>, KompozeElement {
+    anchor?: KompozeTransitionType;
     show?: boolean;
     unmountOnExit?: boolean;
     modal?: boolean;

package/dist/components/OtpInput/OtpInput.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { OTPInputProps } from './OtpInput.types';
-export declare const OtpInput: React.FC<OTPInputProps>;
+export declare const OtpInput: React.ForwardRefExoticComponent<OTPInputProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/OtpInput/OtpInput.stories.d.ts

@@ -3,6 +3,6 @@ export declare const Simple: React.FC<{}>;
 export declare const WithError: React.FC<{}>;
 declare const _default: {
     title: string;
-    component: React.FC<import('./OtpInput.types').OTPInputProps>;
+    component: React.ForwardRefExoticComponent<import('./OtpInput.types').OTPInputProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;

package/dist/components/Paper/Paper.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { PaperProps } from './Paper.types';
-export declare const Paper: React.FC<PaperProps>;
+export declare const Paper: React.ForwardRefExoticComponent<PaperProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Paper/Paper.stories.d.ts

@@ -4,6 +4,6 @@ export declare const Compact: React.FC<{}>;
 export declare const Clickable: React.FC<{}>;
 declare const _default: {
     title: string;
-    component: React.FC<import('./Paper.types').PaperProps>;
+    component: React.ForwardRefExoticComponent<import('./Paper.types').PaperProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;

package/dist/components/Progress/Progress.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { ProgressProps } from './Progress.types';
-export declare const Progress: React.FC<ProgressProps>;
+export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Progress/Progress.stories.d.ts

@@ -4,6 +4,6 @@ export declare const Static: React.FC<{}>;
 export declare const StaticCustomHeight: React.FC<{}>;
 declare const _default: {
     title: string;
-    component: React.FC<import('./Progress.types').ProgressProps>;
+    component: React.ForwardRefExoticComponent<import('./Progress.types').ProgressProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;

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

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { RadioProps } from './Radio.types';
-export declare const Radio: React.FC<RadioProps>;
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -2,6 +2,6 @@ import { default as React } from 'react';
 export declare const Simple: React.FC<{}>;
 declare const _default: {
     title: string;
-    component: React.FC<import('./Radio.types').RadioProps>;
+    component: React.ForwardRefExoticComponent<import('./Radio.types').RadioProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;

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

@@ -1,5 +1,5 @@
-import { OkElement } from '../../utils/utils.types';
-export interface RadioProps extends React.HTMLAttributes<HTMLDivElement>, OkElement {
+import { KompozeElement } from '../../utils/utils.types';
+export interface RadioProps extends React.HTMLAttributes<HTMLDivElement>, KompozeElement {
     id: string;
     onChange?(e: React.ChangeEvent<HTMLInputElement>): void;
     disabled?: boolean;

package/dist/components/SearchBar/SearchBar.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { SearchBarProps } from './SearchBar.types';
-export declare const SearchBar: React.FC<SearchBarProps>;
+export declare const SearchBar: React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/SearchBar/SearchBar.stories.d.ts

@@ -2,6 +2,6 @@ import { default as React } from 'react';
 export declare const Simple: React.FC<{}>;
 declare const _default: {
     title: string;
-    component: React.FC<import('./SearchBar.types').SearchBarProps>;
+    component: React.ForwardRefExoticComponent<import('./SearchBar.types').SearchBarProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;

package/dist/components/SectionHeader/SectionHeader.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { SectionHeaderProps } from './SectionHeader.types';
-export declare const SectionHeader: React.FC<SectionHeaderProps>;
+export declare const SectionHeader: React.ForwardRefExoticComponent<SectionHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/SectionHeader/SectionHeader.stories.d.ts

@@ -2,6 +2,6 @@ import { default as React } from 'react';
 export declare const Simple: React.FC<{}>;
 declare const _default: {
     title: string;
-    component: React.FC<import('./SectionHeader.types').SectionHeaderProps>;
+    component: React.ForwardRefExoticComponent<import('./SectionHeader.types').SectionHeaderProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;

package/dist/components/Skeleton/Skeleton.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { SkeletonProps } from './Skeleton.types';
-export declare const Skeleton: React.FC<SkeletonProps>;
+export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Skeleton/Skeleton.stories.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 export declare const Rectangle: React.FC<{}>;
 export declare const Circle: React.FC<{}>;
 declare const _default: Meta;

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

@@ -1,6 +1,6 @@
-import { IShimmerType } from '../../utils/utils.types';
+import { kompozeShimmerType } from '../../utils/utils.types';
 export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
-    type?: IShimmerType;
+    type?: kompozeShimmerType;
     borderRadius?: number;
     height?: number;
     width?: number;

package/dist/components/Snackbar/Snackbar.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { SnackbarProps } from './Snackbar.types';
-export declare const Snackbar: React.FC<SnackbarProps>;
+export declare const Snackbar: React.ForwardRefExoticComponent<SnackbarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Snackbar/Snackbar.stories.d.ts

@@ -3,6 +3,6 @@ export declare const Simple: React.FC<{}>;
 export declare const WithAdornment: React.FC<{}>;
 declare const _default: {
     title: string;
-    component: React.FC<import('./Snackbar.types').SnackbarProps>;
+    component: React.ForwardRefExoticComponent<import('./Snackbar.types').SnackbarProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;

package/dist/components/Spinner/Spinner.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { SpinnerProps } from './Spinner.types';
-export declare const Spinner: React.FC<SpinnerProps>;
+export declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/Spinner/Spinner.stories.d.ts

@@ -1,7 +1,7 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import('react').FC<import('./Spinner.types').SpinnerProps>;
+    component: import('react').ForwardRefExoticComponent<import('./Spinner.types').SpinnerProps & import('react').RefAttributes<HTMLSpanElement>>;
     parameters: {
         layout: string;
     };

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

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { SwitchProps } from './Switch.types';
-export declare const Switch: React.FC<SwitchProps>;
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -3,6 +3,6 @@ export declare const Simple: React.FC<{}>;
 export declare const SmallSize: React.FC<{}>;
 declare const _default: {
     title: string;
-    component: React.FC<import('./Switch.types').SwitchProps>;
+    component: React.ForwardRefExoticComponent<import('./Switch.types').SwitchProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;

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

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { TabProps } from './Tab.types';
-export declare const Tab: React.FC<TabProps>;
+export declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,5 +1,5 @@
-import { OkElement } from '../../utils/utils.types';
-export interface TabHeaderProps extends React.HTMLAttributes<HTMLDivElement>, OkElement {
+import { KompozeElement } from '../../utils/utils.types';
+export interface TabHeaderProps extends React.HTMLAttributes<HTMLDivElement>, KompozeElement {
     value?: number | 0;
     onChange: (event: React.SyntheticEvent, value?: any) => void;
 }

package/dist/components/TabPanel/TabPanel.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { TabPanelProps } from './TabPanel.types';
-export declare const TabPanel: React.FC<TabPanelProps>;
+export declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/TextArea/TextArea.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { TextAreaProps } from './TextArea.types';
-export declare const TextArea: React.FC<TextAreaProps>;
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/TextArea/TextArea.stories.d.ts

@@ -3,6 +3,6 @@ export declare const WithError: React.FC<{}>;
 export declare const StartAdornment: React.FC<{}>;
 declare const _default: {
     title: string;
-    component: React.FC<import('./TextArea.types').TextAreaProps>;
+    component: React.ForwardRefExoticComponent<import('./TextArea.types').TextAreaProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;

package/dist/components/TextField/TextField.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { TextFieldProps } from './TextField.types';
-export declare const TextField: React.FC<TextFieldProps>;
+export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/TextField/TextField.stories.d.ts

@@ -7,6 +7,6 @@ export declare const StartAdornment: React.FC<{}>;
 export declare const EndAdornment: React.FC<{}>;
 declare const _default: {
     title: string;
-    component: React.FC<import('./TextField.types').TextFieldProps>;
+    component: React.ForwardRefExoticComponent<import('./TextField.types').TextFieldProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { OkElement } from '../../utils/utils.types';
-export interface TextFieldProps extends React.HTMLAttributes<HTMLDivElement>, OkElement {
+import { KompozeElement } from '../../utils/utils.types';
+export interface TextFieldProps extends React.HTMLAttributes<HTMLDivElement>, KompozeElement {
     error?: boolean;
     type?: string;
     name?: string;

package/dist/components/TimerText/TimerText.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { TimerTextProps } from './TimerText.types';
-export declare const TimerText: React.FC<TimerTextProps>;
+export declare const TimerText: React.ForwardRefExoticComponent<TimerTextProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/TimerText/TimerText.stories.d.ts

@@ -2,6 +2,6 @@ import { default as React } from 'react';
 export declare const Simple: React.FC<{}>;
 declare const _default: {
     title: string;
-    component: React.FC<import('./TimerText.types').TimerTextProps>;
+    component: React.ForwardRefExoticComponent<import('./TimerText.types').TimerTextProps & React.RefAttributes<HTMLSpanElement>>;
 };
 export default _default;

package/dist/components/Timestamp/Timestamp.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { TimestampProps } from './Timestamp.types';
-export declare const Timestamp: React.FC<TimestampProps>;
+export declare const Timestamp: React.ForwardRefExoticComponent<TimestampProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/Timestamp/Timestamp.stories.d.ts

@@ -2,6 +2,6 @@ import { default as React } from 'react';
 export declare const Simple: React.FC<{}>;
 declare const _default: {
     title: string;
-    component: React.FC<import('./Timestamp.types').TimestampProps>;
+    component: React.ForwardRefExoticComponent<import('./Timestamp.types').TimestampProps & React.RefAttributes<HTMLSpanElement>>;
 };
 export default _default;

package/dist/components/TransactionInput/TransactionInput.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { TransactionInputProps } from './TransactionInput.types';
-export declare const TransactionInput: React.FC<TransactionInputProps>;
+export declare const TransactionInput: React.ForwardRefExoticComponent<TransactionInputProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/TransactionInput/TransactionInput.stories.d.ts

@@ -4,6 +4,6 @@ export declare const Controlled: React.FC<{}>;
 export declare const WithError: React.FC<{}>;
 declare const _default: {
     title: string;
-    component: React.FC<import('./TransactionInput.types').TransactionInputProps>;
+    component: React.ForwardRefExoticComponent<import('./TransactionInput.types').TransactionInputProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;

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

@@ -1,10 +1,10 @@
-import { OkElement, IColor } from '../../utils/utils.types';
+import { KompozeElement, KompozeColor } from '../../utils/utils.types';
 export type Align = 'inherit' | 'left' | 'center' | 'right' | 'justify';
 export type Variant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'subtitle3' | 'subtitle4' | 'body1' | 'body2' | 'caption1' | 'caption2' | 'button1' | 'button2' | 'overline' | 'inherit';
-export interface TypographyProps extends OkElement {
+export interface TypographyProps extends KompozeElement {
     variant: Variant;
     align?: Align;
-    color?: IColor;
+    color?: KompozeColor;
     gutterBottom?: boolean;
     noWrap?: boolean;
 }

package/dist/components/index.d.ts

@@ -11,11 +11,7 @@ export * from './Tab';
 export * from './TextField';
 export * from './Avatar';
 export * from './Paper';
-export * from './LanguageDialog';
 export * from './SearchBar';
-export * from './CustomerCard';
-export * from './BackDrop';
-export * from './TransactionItem';
 export * from './Timestamp';
 export * from './Radio';
 export * from './ChipSelect';
@@ -26,27 +22,15 @@ export * from './Divider';
 export * from './Snackbar';
 export * from './Spinner';
 export * from './OkTransition';
-export * from './Dialog';
-export * from './ProfileOption';
 export * from './ListItem';
 export * from './ListView';
 export * from './TitleBar';
 export * from './Progress';
-export * from './MerchantCategory';
 export * from './Accordion';
 export * from './TimerText';
-export * from './Table';
-export * from './TableHead';
-export * from './TableBody';
-export * from './TableRow';
-export * from './TableCell';
 export * from './HorizontalRunner';
 export * from './Chip';
-export * from './TableSortLabel';
 export * from './Slider';
 export * from './TextArea';
 export * from './Skeleton';
 export * from './Typography';
-export * from './StatusBanner';
-export * from './PayNowBanner';
-export * from './PayeeInformationBanner';