@orbit_ui_toolkit/orbitui-kit 0.1.16 → 0.1.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Image/Image.d.ts +32 -0
- package/dist/components/Image/Image.stories.d.ts +9 -0
- package/dist/components/Input/Input.d.ts +2 -0
- package/dist/components/Post/Post.d.ts +11 -4
- package/dist/index.d.ts +1 -0
- package/dist/orbitui.cjs.js +48 -33
- package/dist/orbitui.es.js +424 -300
- package/package.json +1 -1
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
|
|
3
|
+
/**
|
|
4
|
+
* The source URL of the image
|
|
5
|
+
*/
|
|
6
|
+
src: string;
|
|
7
|
+
/**
|
|
8
|
+
* Alternate text for the image
|
|
9
|
+
*/
|
|
10
|
+
alt: string;
|
|
11
|
+
/**
|
|
12
|
+
* How the image should resize to fit its container
|
|
13
|
+
*/
|
|
14
|
+
fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
|
|
15
|
+
/**
|
|
16
|
+
* Border radius of the image
|
|
17
|
+
*/
|
|
18
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
19
|
+
/**
|
|
20
|
+
* Fallback image source if the main image fails to load
|
|
21
|
+
*/
|
|
22
|
+
fallbackSrc?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Width of the image
|
|
25
|
+
*/
|
|
26
|
+
width?: string | number;
|
|
27
|
+
/**
|
|
28
|
+
* Height of the image
|
|
29
|
+
*/
|
|
30
|
+
height?: string | number;
|
|
31
|
+
}
|
|
32
|
+
export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Image } from './Image';
|
|
3
|
+
declare const meta: Meta<typeof Image>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Image>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const RoundedFull: Story;
|
|
8
|
+
export declare const Fallback: Story;
|
|
9
|
+
export declare const ObjectFitContain: Story;
|
|
@@ -7,5 +7,7 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
|
|
|
7
7
|
variant?: 'default' | 'glass' | 'dark';
|
|
8
8
|
rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
9
9
|
shadow?: boolean;
|
|
10
|
+
focusRing?: boolean;
|
|
11
|
+
focusRingColor?: string;
|
|
10
12
|
}
|
|
11
13
|
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
export interface PostProps {
|
|
3
|
-
username
|
|
4
|
-
profilePic
|
|
3
|
+
username?: string;
|
|
4
|
+
profilePic?: string;
|
|
5
5
|
postImage: string;
|
|
6
|
-
likesCount
|
|
7
|
-
caption
|
|
6
|
+
likesCount?: number;
|
|
7
|
+
caption?: string;
|
|
8
8
|
location?: string;
|
|
9
9
|
isLiked?: boolean;
|
|
10
10
|
isBookmarked?: boolean;
|
|
@@ -12,5 +12,12 @@ export interface PostProps {
|
|
|
12
12
|
onComment?: () => void;
|
|
13
13
|
onShare?: () => void;
|
|
14
14
|
onBookmark?: () => void;
|
|
15
|
+
variant?: 'social' | 'media';
|
|
16
|
+
title?: string;
|
|
17
|
+
tags?: string[];
|
|
18
|
+
rating?: number;
|
|
19
|
+
voteCount?: string;
|
|
20
|
+
actionLabel?: string;
|
|
21
|
+
onAction?: () => void;
|
|
15
22
|
}
|
|
16
23
|
export declare const Post: React.FC<PostProps>;
|
package/dist/index.d.ts
CHANGED