@codesinger0/shared-components 1.0.5 → 1.0.6
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/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as RoundButton } from './components/RoundButton';
|
package/package.json
CHANGED
|
@@ -1,28 +1,26 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codesinger0/shared-components",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"description": "",
|
|
5
|
-
"homepage": "https://github.com/haggaimagen/shared-components#readme",
|
|
6
|
-
"bugs": {
|
|
7
|
-
"url": "https://github.com/haggaimagen/shared-components/issues"
|
|
8
|
-
},
|
|
9
|
-
"repository": {
|
|
10
|
-
"type": "git",
|
|
11
|
-
"url": "git+https://github.com/haggaimagen/shared-components.git"
|
|
12
|
-
},
|
|
13
|
-
"license": "ISC",
|
|
14
|
-
"author": "codesinger0",
|
|
15
|
-
"type": "commonjs",
|
|
3
|
+
"version": "1.0.6",
|
|
4
|
+
"description": "Shared React components for customer projects",
|
|
16
5
|
"main": "dist/index.js",
|
|
17
|
-
"scripts": {
|
|
18
|
-
"test": "test",
|
|
19
|
-
"build": "cp -r src dist"
|
|
20
|
-
},
|
|
21
6
|
"files": [
|
|
22
7
|
"dist"
|
|
23
8
|
],
|
|
9
|
+
"scripts": {
|
|
10
|
+
"build": "cp -r src dist"
|
|
11
|
+
},
|
|
24
12
|
"peerDependencies": {
|
|
25
13
|
"react": ">=18.0.0",
|
|
26
14
|
"lucide-react": ">=0.263.1"
|
|
27
|
-
}
|
|
15
|
+
},
|
|
16
|
+
"repository": {
|
|
17
|
+
"type": "git",
|
|
18
|
+
"url": "git+https://github.com/haggaimagen/shared-components.git"
|
|
19
|
+
},
|
|
20
|
+
"author": "codesinger0",
|
|
21
|
+
"license": "ISC",
|
|
22
|
+
"bugs": {
|
|
23
|
+
"url": "https://github.com/haggaimagen/shared-components/issues"
|
|
24
|
+
},
|
|
25
|
+
"homepage": "https://github.com/haggaimagen/shared-components#readme"
|
|
28
26
|
}
|
package/dist/components/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as RoundButton } from './RoundButton';
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
const RoundButton = ({
|
|
4
|
-
children,
|
|
5
|
-
onClick,
|
|
6
|
-
variant = 'primary',
|
|
7
|
-
size = 'medium',
|
|
8
|
-
className = '',
|
|
9
|
-
...props
|
|
10
|
-
}) => {
|
|
11
|
-
const baseClasses = 'rounded-full font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2';
|
|
12
|
-
|
|
13
|
-
const variants = {
|
|
14
|
-
primary: 'btn-primary',
|
|
15
|
-
secondary: 'btn-secondary',
|
|
16
|
-
outline: 'border border-gray-300 text-main hover:ring-2 hover:ring-gray-500 hover:opacity-80'
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
const sizes = {
|
|
20
|
-
xs: 'px-3 py-1.5 text-sm',
|
|
21
|
-
small: 'px-4 py-2 text-sm',
|
|
22
|
-
medium: 'px-6 py-3 text-base',
|
|
23
|
-
large: 'px-8 py-4 text-lg'
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
const buttonClasses = `${baseClasses} ${variants[variant]} ${sizes[size]} ${className}`;
|
|
27
|
-
|
|
28
|
-
return (
|
|
29
|
-
<button
|
|
30
|
-
className={buttonClasses}
|
|
31
|
-
onClick={(e) => {
|
|
32
|
-
onClick?.(e);
|
|
33
|
-
// remove focus immediately after click
|
|
34
|
-
e.currentTarget.blur();
|
|
35
|
-
}}
|
|
36
|
-
dir="rtl"
|
|
37
|
-
{...props}
|
|
38
|
-
>
|
|
39
|
-
{children}
|
|
40
|
-
</button>
|
|
41
|
-
);
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
export default RoundButton;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as RoundButton } from './RoundButton';
|