ab-nextjs-components 0.1.2 → 0.1.3
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/CHANGELOG.md +40 -0
- package/README.md +60 -14
- package/ab-avatar/index.tsx +90 -0
- package/ab-avatar/styles.module.css +62 -0
- package/ab-balloon/index.tsx +55 -0
- package/ab-balloon/styles.module.css +12 -0
- package/ab-brand/index.tsx +88 -0
- package/ab-brand/styles.module.css +54 -0
- package/ab-button/index.tsx +164 -0
- package/ab-button/styles.module.css +63 -0
- package/ab-collapsible/index.tsx +188 -0
- package/ab-collapsible/styles.module.css +98 -0
- package/ab-color/index.tsx +84 -0
- package/ab-color/styles.module.css +51 -0
- package/ab-demo-box/index.tsx +38 -0
- package/ab-demo-box/styles.module.css +13 -0
- package/ab-demo-code/index.tsx +62 -0
- package/ab-demo-code/styles.module.css +41 -0
- package/ab-icon/index.tsx +63 -0
- package/ab-icon/styles.module.css +27 -0
- package/ab-icon-button/index.tsx +107 -0
- package/ab-icon-button/styles.module.css +64 -0
- package/ab-image/index.tsx +83 -0
- package/ab-image/styles.module.css +27 -0
- package/ab-info/index.tsx +89 -0
- package/ab-info/styles.module.css +87 -0
- package/ab-input/index.tsx +277 -0
- package/ab-input/styles.module.css +101 -0
- package/ab-key-feature/index.tsx +60 -0
- package/ab-key-feature/styles.module.css +47 -0
- package/ab-like-button/index.tsx +116 -0
- package/ab-like-button/styles.module.css +60 -0
- package/ab-logo/index.tsx +94 -0
- package/ab-logo/styles.module.css +30 -0
- package/ab-main-headline/index.tsx +57 -0
- package/ab-main-headline/styles.module.css +24 -0
- package/ab-menu/index.tsx +119 -0
- package/ab-menu/styles.module.css +99 -0
- package/ab-name/index.tsx +49 -0
- package/ab-name/styles.module.css +14 -0
- package/ab-navbar/index.tsx +68 -0
- package/ab-navbar/styles.module.css +35 -0
- package/ab-page-paginator/index.tsx +130 -0
- package/ab-page-paginator/styles.module.css +47 -0
- package/ab-page-switcher/index.tsx +121 -0
- package/ab-page-switcher/styles.module.css +37 -0
- package/ab-preview/index.tsx +78 -0
- package/ab-preview/styles.module.css +26 -0
- package/ab-price/index.tsx +109 -0
- package/ab-price/styles.module.css +36 -0
- package/ab-price-tag/index.tsx +70 -0
- package/ab-price-tag/styles.module.css +81 -0
- package/ab-product/index.tsx +128 -0
- package/ab-product/styles.module.css +44 -0
- package/ab-product-item/index.tsx +78 -0
- package/ab-product-item/styles.module.css +21 -0
- package/ab-progress-chips/index.tsx +105 -0
- package/ab-progress-chips/styles.module.css +43 -0
- package/ab-search-result/index.tsx +79 -0
- package/ab-search-result/styles.module.css +48 -0
- package/ab-searchbar/index.tsx +150 -0
- package/ab-searchbar/styles.module.css +77 -0
- package/ab-sidebar/index.tsx +72 -0
- package/ab-sidebar/styles.module.css +41 -0
- package/ab-switch-back/index.tsx +72 -0
- package/ab-switch-back/styles.module.css +45 -0
- package/ab-tab/index.tsx +101 -0
- package/ab-tab/styles.module.css +65 -0
- package/ab-tabs/index.tsx +45 -0
- package/ab-tabs/styles.module.css +17 -0
- package/ab-test-hello/index.tsx +37 -0
- package/ab-test-hello/styles.module.css +25 -0
- package/ab-text/index.tsx +36 -0
- package/ab-text/styles.module.css +3 -0
- package/index.ts +117 -0
- package/package.json +152 -7
- package/server/ab-avatar/index.tsx +85 -0
- package/server/ab-avatar/styles.module.css +62 -0
- package/server/ab-badge/index.tsx +66 -0
- package/server/ab-badge/styles.module.css +39 -0
- package/server/ab-brand/index.tsx +87 -0
- package/server/ab-brand/styles.module.css +54 -0
- package/server/ab-button/index.tsx +144 -0
- package/server/ab-button/styles.module.css +63 -0
- package/server/ab-icon/index.tsx +61 -0
- package/server/ab-icon/styles.module.css +27 -0
- package/server/ab-key-feature/index.tsx +59 -0
- package/server/ab-key-feature/styles.module.css +47 -0
- package/server/ab-logo/index.tsx +93 -0
- package/server/ab-logo/styles.module.css +30 -0
- package/server/ab-name/index.tsx +48 -0
- package/server/ab-name/styles.module.css +14 -0
- package/server/ab-nav-link/index.tsx +60 -0
- package/server/ab-nav-link/styles.module.css +32 -0
- package/server/ab-navbar/index.tsx +64 -0
- package/server/ab-navbar/styles.module.css +35 -0
- package/server/ab-polygon/index.tsx +45 -0
- package/server/ab-polygon/styles.module.css +11 -0
- package/server/ab-sidebar/index.tsx +68 -0
- package/server/ab-sidebar/styles.module.css +41 -0
- package/server/ab-switch-back/index.tsx +71 -0
- package/server/ab-switch-back/styles.module.css +45 -0
- package/server/ab-test-hello/index.tsx +35 -0
- package/server/ab-test-hello/styles.module.css +22 -0
- package/server/ab-text/index.tsx +33 -0
- package/server/ab-text/styles.module.css +3 -0
- package/server/index.ts +27 -0
- package/types/index.d.ts +54 -0
- package/.github/ab-logo-dark.svg +0 -12
- package/.github/ab-logo-light.svg +0 -9
- package/.github/nextjs-logoname-dark.svg +0 -28
- package/.github/nextjs-logoname-light.svg +0 -25
package/types/index.d.ts
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
export type ComponentCatalogStatus = 'Pending' | 'InProgress' | 'Done';
|
|
2
|
+
|
|
3
|
+
export type ComponentCatalogEntry = {
|
|
4
|
+
name: string;
|
|
5
|
+
file: string;
|
|
6
|
+
kind: 'client' | 'server';
|
|
7
|
+
status: ComponentCatalogStatus;
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export declare const supportedComponents: Array<ComponentCatalogEntry>;
|
|
11
|
+
|
|
12
|
+
declare const abComponents: {
|
|
13
|
+
supportedComponents: Array<ComponentCatalogEntry>;
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export default abComponents;
|
|
17
|
+
|
|
18
|
+
export { default as AbIcon } from '../ab-icon/index.tsx';
|
|
19
|
+
export { default as AbLogo } from '../ab-logo/index.tsx';
|
|
20
|
+
export { default as AbButton } from '../ab-button/index.tsx';
|
|
21
|
+
export { default as AbIconButton } from '../ab-icon-button/index.tsx';
|
|
22
|
+
export { default as AbInput } from '../ab-input/index.tsx';
|
|
23
|
+
export { default as AbBalloon } from '../ab-balloon/index.tsx';
|
|
24
|
+
export { default as AbAvatar } from '../ab-avatar/index.tsx';
|
|
25
|
+
export { default as AbTab } from '../ab-tab/index.tsx';
|
|
26
|
+
export { default as AbTabs } from '../ab-tabs/index.tsx';
|
|
27
|
+
export { default as AbMenu } from '../ab-menu/index.tsx';
|
|
28
|
+
export { default as AbCollapsible } from '../ab-collapsible/index.tsx';
|
|
29
|
+
export { default as AbColor } from '../ab-color/index.tsx';
|
|
30
|
+
export { default as AbInfo } from '../ab-info/index.tsx';
|
|
31
|
+
export { default as AbLikeButton } from '../ab-like-button/index.tsx';
|
|
32
|
+
export { default as AbSearchbar } from '../ab-searchbar/index.tsx';
|
|
33
|
+
export { default as AbSearchResult } from '../ab-search-result/index.tsx';
|
|
34
|
+
export { default as AbPagePaginator } from '../ab-page-paginator/index.tsx';
|
|
35
|
+
export { default as AbPageSwitcher } from '../ab-page-switcher/index.tsx';
|
|
36
|
+
export { default as AbProgressChips } from '../ab-progress-chips/index.tsx';
|
|
37
|
+
export { default as AbPrice } from '../ab-price/index.tsx';
|
|
38
|
+
export { default as AbPriceTag } from '../ab-price-tag/index.tsx';
|
|
39
|
+
export { default as AbImage } from '../ab-image/index.tsx';
|
|
40
|
+
export { default as AbBrand } from '../ab-brand/index.tsx';
|
|
41
|
+
export { default as AbName } from '../ab-name/index.tsx';
|
|
42
|
+
export { default as AbNavbar } from '../ab-navbar/index.tsx';
|
|
43
|
+
export { default as AbSidebar } from '../ab-sidebar/index.tsx';
|
|
44
|
+
export { default as AbText } from '../ab-text/index.tsx';
|
|
45
|
+
export { default as AbTestHello } from '../ab-test-hello/index.tsx';
|
|
46
|
+
export { default as AbKeyFeature } from '../ab-key-feature/index.tsx';
|
|
47
|
+
export { default as AbMainHeadline } from '../ab-main-headline/index.tsx';
|
|
48
|
+
export { default as AbPreview } from '../ab-preview/index.tsx';
|
|
49
|
+
export { default as AbProduct } from '../ab-product/index.tsx';
|
|
50
|
+
export { default as AbProductItem } from '../ab-product-item/index.tsx';
|
|
51
|
+
export { default as AbSwitchBack } from '../ab-switch-back/index.tsx';
|
|
52
|
+
export { default as AbDemoBox } from '../ab-demo-box/index.tsx';
|
|
53
|
+
export { default as AbDemoCode } from '../ab-demo-code/index.tsx';
|
|
54
|
+
export { default as AbPolygon } from '../server/ab-polygon/index.tsx';
|
package/.github/ab-logo-dark.svg
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
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>
|
|
@@ -1,9 +0,0 @@
|
|
|
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>
|
|
@@ -1,28 +0,0 @@
|
|
|
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>
|
|
@@ -1,25 +0,0 @@
|
|
|
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>
|