ab-nextjs-components 0.1.0 → 0.1.2
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/.github/ab-logo-dark.svg +12 -0
- package/.github/ab-logo-light.svg +9 -0
- package/.github/nextjs-logoname-dark.svg +28 -0
- package/.github/nextjs-logoname-light.svg +25 -0
- package/LICENSE +1 -1
- package/README.md +43 -6
- package/package.json +1 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<svg version="1.1" id="Filled_Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
|
4
|
+
y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
|
5
|
+
<style type="text/css">
|
|
6
|
+
.st0{fill:#FFFFFF;}
|
|
7
|
+
</style>
|
|
8
|
+
<g id="AB">
|
|
9
|
+
<polygon id="A" class="st0" points="1.8,20.5 11.1,3.5 11.1,20.5 "/>
|
|
10
|
+
<polygon id="B" class="st0" points="22.2,7.7 12.9,3.5 12.9,7.8 12.9,7.7 12.9,20.5 22.2,16.3 17.5,12 "/>
|
|
11
|
+
</g>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<svg version="1.1" id="Filled_Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
|
4
|
+
y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
|
5
|
+
<g id="AB">
|
|
6
|
+
<polygon id="A" points="1.8,20.5 11.1,3.5 11.1,20.5 "/>
|
|
7
|
+
<polygon id="B" points="22.2,7.7 12.9,3.5 12.9,7.8 12.9,7.7 12.9,20.5 22.2,16.3 17.5,12 "/>
|
|
8
|
+
</g>
|
|
9
|
+
</svg>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
+
viewBox="0 0 72 24" style="enable-background:new 0 0 72 24;" xml:space="preserve">
|
|
5
|
+
<style type="text/css">
|
|
6
|
+
.st0{fill:#FFFFFF;}
|
|
7
|
+
</style>
|
|
8
|
+
<g>
|
|
9
|
+
<polygon class="st0" points="57.9,5.2 46.6,5.2 46.6,7.3 51.2,7.3 51.2,18.2 53.4,18.2 53.4,7.3 57.9,7.3 "/>
|
|
10
|
+
<polygon class="st0" points="16.9,7.3 16.9,7.3 16.9,18.1 6.5,5.2 3.7,5.2 3.7,18.2 5.9,18.2 5.9,8 14.2,18.2 16.9,18.2 17,18.2
|
|
11
|
+
28.1,18.2 28.1,16.1 19.1,16.1 19.1,12.7 26.4,12.7 26.4,10.6 19.1,10.6 19.1,7.3 28.1,7.3 28.1,5.2 16.9,5.2 "/>
|
|
12
|
+
<polygon class="st0" points="44.2,5.2 41.3,5.2 37.5,9.9 33.8,5.2 30.8,5.2 41.3,18.2 44.2,18.2 39,11.7 "/>
|
|
13
|
+
<polygon class="st0" points="30.8,18.2 33.8,18.2 36.8,14.5 35.3,12.7 "/>
|
|
14
|
+
<path class="st0" d="M58.4,17c-0.2,0-0.3,0.1-0.4,0.2s-0.2,0.2-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4s0.3,0.2,0.4,0.2c0.1,0,0.2,0,0.3-0.1
|
|
15
|
+
c0.1-0.1,0.2-0.1,0.2-0.2c0.1-0.1,0.1-0.2,0.1-0.3c0-0.2-0.1-0.3-0.2-0.4C58.7,17,58.6,17,58.4,17z"/>
|
|
16
|
+
<path class="st0" d="M62.2,16.5c0,0.2,0,0.4-0.1,0.5c-0.1,0.1-0.1,0.2-0.3,0.3c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3,0-0.4-0.1
|
|
17
|
+
c-0.1-0.1-0.2-0.1-0.3-0.2s-0.1-0.2-0.1-0.4h-1c0,0.3,0.1,0.6,0.2,0.8c0.1,0.2,0.4,0.4,0.6,0.5s0.5,0.2,0.9,0.2
|
|
18
|
+
c0.4,0,0.7-0.1,0.9-0.2c0.3-0.1,0.5-0.3,0.6-0.6c0.1-0.3,0.2-0.6,0.2-0.9v-3.8h-1V16.5z"/>
|
|
19
|
+
<path class="st0" d="M68.2,15.9c-0.1-0.2-0.2-0.3-0.4-0.4c-0.2-0.1-0.3-0.2-0.5-0.3c-0.2-0.1-0.4-0.1-0.6-0.2l-0.5-0.1
|
|
20
|
+
c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1-0.1-0.2-0.1-0.2-0.2c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.1,0-0.3,0.1-0.4
|
|
21
|
+
c0.1-0.1,0.2-0.2,0.3-0.3c0.1-0.1,0.3-0.1,0.5-0.1c0.3,0,0.5,0.1,0.7,0.2c0.2,0.1,0.3,0.3,0.3,0.5h1c0-0.3-0.1-0.6-0.3-0.8
|
|
22
|
+
c-0.2-0.2-0.4-0.4-0.7-0.6c-0.3-0.1-0.6-0.2-1-0.2c-0.4,0-0.7,0.1-1,0.2c-0.3,0.1-0.5,0.3-0.7,0.6c-0.2,0.2-0.3,0.5-0.3,0.8
|
|
23
|
+
c0,0.4,0.1,0.7,0.4,0.9c0.3,0.2,0.6,0.4,1.1,0.5l0.6,0.2c0.2,0,0.4,0.1,0.5,0.2c0.1,0.1,0.3,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.1,0.4
|
|
24
|
+
c0,0.2,0,0.3-0.1,0.4c-0.1,0.1-0.2,0.2-0.4,0.3c-0.2,0.1-0.4,0.1-0.6,0.1c-0.2,0-0.4,0-0.6-0.1c-0.2-0.1-0.3-0.2-0.4-0.3
|
|
25
|
+
c-0.1-0.1-0.2-0.3-0.2-0.5h-1c0,0.4,0.1,0.7,0.3,0.9c0.2,0.3,0.4,0.4,0.7,0.6c0.3,0.1,0.7,0.2,1.1,0.2c0.4,0,0.8-0.1,1.1-0.2
|
|
26
|
+
c0.3-0.1,0.5-0.3,0.7-0.6c0.2-0.2,0.2-0.5,0.2-0.8C68.3,16.3,68.3,16.1,68.2,15.9z"/>
|
|
27
|
+
</g>
|
|
28
|
+
</svg>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
+
viewBox="0 0 72 24" style="enable-background:new 0 0 72 24;" xml:space="preserve">
|
|
5
|
+
<g>
|
|
6
|
+
<polygon points="57.9,5.2 46.6,5.2 46.6,7.3 51.2,7.3 51.2,18.2 53.4,18.2 53.4,7.3 57.9,7.3 "/>
|
|
7
|
+
<polygon points="16.9,7.3 16.9,18.1 6.5,5.2 3.7,5.2 3.7,18.2 5.9,18.2 5.9,8 14.1,18.2 16.9,18.2 17,18.2 28.1,18.2 28.1,16.1
|
|
8
|
+
19.1,16.1 19.1,12.7 26.4,12.7 26.4,10.6 19.1,10.6 19.1,7.3 28.1,7.3 28.1,5.2 16.9,5.2 "/>
|
|
9
|
+
<polygon points="44.2,5.2 41.3,5.2 37.5,9.9 33.8,5.2 30.9,5.2 41.4,18.2 44.3,18.2 39,11.7 "/>
|
|
10
|
+
<polygon points="30.8,18.2 33.7,18.2 36.8,14.5 35.3,12.7 "/>
|
|
11
|
+
<path d="M58.4,16.9c-0.1,0-0.3,0.1-0.4,0.2c-0.1,0.1-0.2,0.2-0.2,0.4c0,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.2,0.2,0.4,0.2
|
|
12
|
+
c0.1,0,0.2,0,0.3-0.1c0.1,0,0.1-0.1,0.2-0.2c0.1-0.1,0.1-0.2,0.1-0.3c0-0.2-0.1-0.3-0.2-0.4C58.7,17,58.6,16.9,58.4,16.9z"/>
|
|
13
|
+
<path d="M62.4,16.5c0,0.2,0,0.4-0.1,0.5c-0.1,0.1-0.2,0.2-0.3,0.3c-0.1,0.1-0.2,0.1-0.4,0.1c-0.2,0-0.3,0-0.4-0.1
|
|
14
|
+
c-0.1,0-0.2-0.1-0.3-0.2c-0.1-0.1-0.1-0.3-0.1-0.4h-1c0,0.3,0,0.6,0.2,0.8c0.1,0.2,0.3,0.4,0.6,0.5c0.3,0.1,0.6,0.2,0.9,0.2
|
|
15
|
+
s0.6-0.1,0.9-0.2c0.2-0.2,0.5-0.3,0.6-0.6c0.1-0.3,0.2-0.5,0.2-0.9v-3.8h-0.8V16.5z"/>
|
|
16
|
+
<path d="M68.3,15.9c-0.1-0.1-0.2-0.3-0.4-0.4c-0.1-0.1-0.3-0.2-0.5-0.3C67.2,15.1,67,15,66.8,15l-0.5-0.1c-0.1,0-0.2-0.1-0.3-0.1
|
|
17
|
+
s-0.2,0-0.3-0.1c-0.1,0-0.1-0.1-0.2-0.2s-0.1-0.2-0.1-0.3c0-0.2,0-0.3,0.1-0.4c0-0.2,0.2-0.2,0.3-0.3c0.1-0.1,0.3-0.1,0.5-0.1
|
|
18
|
+
c0.3,0,0.5,0.1,0.7,0.2c0.2,0.1,0.3,0.3,0.3,0.5v0.1h0.9c0-0.3-0.1-0.6-0.3-0.8c-0.2-0.3-0.4-0.5-0.7-0.6c-0.3-0.1-0.6-0.2-1-0.2
|
|
19
|
+
c-0.3,0-0.7,0.1-1,0.2c-0.3,0.2-0.5,0.4-0.7,0.6c-0.2,0.2-0.3,0.5-0.3,0.8c0,0.4,0.1,0.7,0.4,0.9c0.3,0.2,0.6,0.4,1.1,0.5l0.6,0.2
|
|
20
|
+
c0.2,0.1,0.4,0.1,0.5,0.2c0.2,0,0.3,0.1,0.7,0.1c0.1,0.1,0.1,0.3,0.1,0.4s0,0.3-0.1,0.4c-0.1,0.1-0.2,0.2-0.4,0.3
|
|
21
|
+
c-0.2,0.1-0.4,0.1-0.6,0.1s-0.4,0-0.6-0.1c-0.2-0.1-0.3-0.2-0.4-0.3c-0.1-0.2-0.2-0.3-0.2-0.5h-1c0,0.3,0.1,0.6,0.3,0.9
|
|
22
|
+
c0.1,0.3,0.4,0.5,0.7,0.6c0.3,0.1,0.7,0.2,1.1,0.2c0.4,0,0.8-0.1,1.1-0.2c0.3-0.2,0.5-0.4,0.7-0.6c0.1-0.2,0.2-0.5,0.2-0.8
|
|
23
|
+
C68.4,16.3,68.4,16.1,68.3,15.9z"/>
|
|
24
|
+
</g>
|
|
25
|
+
</svg>
|
package/LICENSE
CHANGED
|
@@ -2,7 +2,7 @@ MIT License
|
|
|
2
2
|
~~~~~~~~~~~
|
|
3
3
|
ab-nextjs-components
|
|
4
4
|
~~~~~~~~~~~
|
|
5
|
-
Copyright (c) 2024 Abraham Ukachi.
|
|
5
|
+
Copyright (c) 2024 Abraham Ukachi. The abElements Project.
|
|
6
6
|
|
|
7
7
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
8
8
|
of this software and associated documentation files (the "Software"), to deal
|
package/README.md
CHANGED
|
@@ -1,27 +1,64 @@
|
|
|
1
|
-
|
|
1
|
+
<p align="center">
|
|
2
|
+
<!-- Ab - Logo - Light Mode -->
|
|
3
|
+
<a href="https://abraham-ukachi.vercel.app/#gh-light-mode-only" target="_blank">
|
|
4
|
+
<img src="./.github/ab-logo-light.svg" alt="Ab Logo on Light" width="64" height="64" />
|
|
5
|
+
</a>
|
|
6
|
+
|
|
7
|
+
<!-- Ab - Logo - Dark Mode -->
|
|
8
|
+
<a href="https://abraham-ukachi.vercel.app/#gh-dark-mode-only" target="_blank">
|
|
9
|
+
<img src="./.github/ab-logo-dark.svg" alt="Ab Logo on Dark" width="64" height="64" />
|
|
10
|
+
</a>
|
|
11
|
+
|
|
12
|
+
<!-- Next.js - Logo Name - Light Mode -->
|
|
13
|
+
<a href="https://nextjs.org/#gh-light-mode-only" target="_blank">
|
|
14
|
+
<img src="./.github/nextjs-logoname-light.svg" alt="Next.js LogoName on Light" width="192" height="64" />
|
|
15
|
+
</a>
|
|
16
|
+
|
|
17
|
+
<!-- Next.js - Logo Name - Dark Mode -->
|
|
18
|
+
<a href="https://nextjs.org/#gh-dark-mode-only" target="_blank">
|
|
19
|
+
<img src="./.github/nextjs-logoname-dark.svg" alt="Next.js LogoName on Dark" width="192" height="64" />
|
|
20
|
+
</a>
|
|
21
|
+
|
|
22
|
+
</p>
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
<p align="center">
|
|
26
|
+
<a href="https://ab-elements.vercel.app" target="_blank"><b>Checkout abElements →</b></a>
|
|
27
|
+
</p>
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
# `ab-nextjs-components`
|
|
2
31
|
|
|
3
32
|
> IMPORTANT: This is a work in progress and subject to major changes until version 1.0.
|
|
4
33
|
|
|
5
|
-
|
|
34
|
+
|
|
35
|
+
🚀 This is a lightweight collection of server & client React components created by [Abraham Ukachi](https://github.com/abraham-ukachi), and optimized for [Next.js](https://nextjs.org/docs) applications 😎.
|
|
6
36
|
|
|
7
37
|
|
|
8
38
|
## Getting Started
|
|
9
39
|
|
|
10
40
|
### Installation
|
|
11
41
|
|
|
42
|
+
#### npm
|
|
43
|
+
|
|
44
|
+
```bash
|
|
45
|
+
npm i ab-nextjs-components
|
|
46
|
+
```
|
|
47
|
+
|
|
12
48
|
#### pnpm
|
|
13
49
|
|
|
14
50
|
```bash
|
|
15
|
-
pnpm install
|
|
51
|
+
pnpm install ab-nextjs-components
|
|
16
52
|
```
|
|
17
53
|
|
|
54
|
+
---
|
|
55
|
+
|
|
18
56
|
### Types
|
|
19
57
|
|
|
20
|
-
All the types are located in the `types` folder.
|
|
21
|
-
A specific type like *`AbButtonProps`* can be imported directly like this:
|
|
58
|
+
All the types are located in the `types` folder. A specific type like *`AbButtonProps`* can be imported directly:
|
|
22
59
|
|
|
23
60
|
```ts
|
|
24
|
-
import type { AbButtonProps } from '
|
|
61
|
+
import type { AbButtonProps } from 'ab-nextjs-components';
|
|
25
62
|
```
|
|
26
63
|
|
|
27
64
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ab-nextjs-components",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "🚀 A lightweight collection of server & client React components created by Abraham Ukachi, and optimized for Next.js applications 😎.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"types": "types/index.d.ts",
|