@mbao01/ui 0.0.5 → 0.0.8
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/README.md +3 -0
- package/package.json +2 -2
- package/dist/types/components/Button/Button.d.ts +0 -2
- package/dist/types/components/Button/constants.d.ts +0 -8
- package/dist/types/components/Button/index.d.ts +0 -1
- package/dist/types/components/Button/types.d.ts +0 -12
- package/dist/types/components/Text/Text.d.ts +0 -4
- package/dist/types/components/Text/constants.d.ts +0 -5
- package/dist/types/components/Text/index.d.ts +0 -1
- package/dist/types/components/Text/types.d.ts +0 -10
- package/dist/types/index.d.ts +0 -2
package/README.md
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
|
|
2
|
+
---
|
|
3
|
+
|
|
1
4
|
So here it is, I have gotten really bored creating UI component from scratch for the many projects I work on.
|
|
2
5
|
It is high time I have a unified component library - so here it is.
|
|
3
6
|
I have built this to be highly opinionated on certain libraries I love to use like typescript, tailwind, date-fns, and react.
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mbao01/ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.8",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"author": "Ayomide Bakare",
|
|
7
7
|
"license": "MIT",
|
|
@@ -82,5 +82,5 @@
|
|
|
82
82
|
"tailwindcss": "^3.4.0",
|
|
83
83
|
"typescript": "^5.2.2"
|
|
84
84
|
},
|
|
85
|
-
"gitHead": "
|
|
85
|
+
"gitHead": "6c20368a9d6ab3655e9d1161a053ffac6945b722"
|
|
86
86
|
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { ButtonSize, ButtonVariant } from './types';
|
|
2
|
-
export declare const getButtonClasses: ({ size, wide, loading, outline, variant, }: {
|
|
3
|
-
size?: ButtonSize | undefined;
|
|
4
|
-
wide?: boolean | undefined;
|
|
5
|
-
loading?: boolean | undefined;
|
|
6
|
-
outline?: boolean | undefined;
|
|
7
|
-
variant?: ButtonVariant | undefined;
|
|
8
|
-
}) => string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Button } from "./Button";
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
3
|
-
export type ButtonVariant = 'default' | 'neutral' | 'primary' | 'secondary' | 'accent' | 'ghost' | 'link' | 'info' | 'success' | 'warning' | 'error';
|
|
4
|
-
export type ButtonProps = {
|
|
5
|
-
size?: ButtonSize;
|
|
6
|
-
wide?: boolean;
|
|
7
|
-
label: ReactNode;
|
|
8
|
-
loading?: boolean;
|
|
9
|
-
outline?: boolean;
|
|
10
|
-
variant?: ButtonVariant;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
} & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Text } from './Text';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export type TextSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
|
|
2
|
-
export type TextTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'span';
|
|
3
|
-
export type TextVariant = 'info' | 'error' | 'success' | 'warning' | 'primary' | 'secondary' | 'accent' | 'neutral';
|
|
4
|
-
export type TextProps = {
|
|
5
|
-
as?: TextTag;
|
|
6
|
-
size?: TextSize;
|
|
7
|
-
variant?: TextVariant;
|
|
8
|
-
children: React.ReactNode;
|
|
9
|
-
className?: string;
|
|
10
|
-
};
|
package/dist/types/index.d.ts
DELETED