kompoze 1.0.1 → 1.1.1

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.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-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;
 }