@tempomedia/antarmuka 1.0.0 → 1.1.1
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 +11 -11
- package/dist/index.cjs +11 -11
- package/dist/index.js +927 -799
- package/dist/src/components/BottomNavbar/BottomNavbar.d.ts +9 -0
- package/dist/src/components/BottomNavbar/index.d.ts +2 -0
- package/dist/src/icons/index.d.ts +1 -0
- package/dist/src/icons/navbar.d.ts +4 -0
- package/dist/src/index.d.ts +1 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# @
|
|
1
|
+
# @tempomedia/antarmuka
|
|
2
2
|
|
|
3
3
|
Tempo's shared global UI component library for React products.
|
|
4
4
|
|
|
@@ -9,7 +9,7 @@ Built with **React + TypeScript + Vite (Library Mode) + Tailwind CSS v4 + Storyb
|
|
|
9
9
|
## Installation
|
|
10
10
|
|
|
11
11
|
```bash
|
|
12
|
-
npm install @
|
|
12
|
+
npm install @tempomedia/antarmuka
|
|
13
13
|
```
|
|
14
14
|
|
|
15
15
|
`react` and `react-dom` (>= 18) are peer dependencies.
|
|
@@ -20,11 +20,11 @@ Import the stylesheet once at your app's entry point, then use components anywhe
|
|
|
20
20
|
|
|
21
21
|
```tsx
|
|
22
22
|
// app entry (e.g. main.tsx)
|
|
23
|
-
import '@
|
|
23
|
+
import '@tempomedia/antarmuka/styles.css'
|
|
24
24
|
```
|
|
25
25
|
|
|
26
26
|
```tsx
|
|
27
|
-
import { Button, Input, MemberzonePanel } from '@
|
|
27
|
+
import { Button, Input, MemberzonePanel } from '@tempomedia/antarmuka'
|
|
28
28
|
|
|
29
29
|
export default function Page() {
|
|
30
30
|
return (
|
|
@@ -41,7 +41,7 @@ export default function Page() {
|
|
|
41
41
|
```tsx
|
|
42
42
|
import { MemberzonePanel } from '@tempo/antarmuka'
|
|
43
43
|
|
|
44
|
-
|
|
44
|
+
;<MemberzonePanel
|
|
45
45
|
user={{
|
|
46
46
|
id: 9896432,
|
|
47
47
|
fullname: 'Anjar Pratama',
|
|
@@ -51,7 +51,7 @@ import { MemberzonePanel } from '@tempo/antarmuka'
|
|
|
51
51
|
vipSubscription: false,
|
|
52
52
|
contentAccess: ['tempo_plus', 'teras_plus'],
|
|
53
53
|
}}
|
|
54
|
-
templateFor="tempo"
|
|
54
|
+
templateFor="tempo" // or "teras"
|
|
55
55
|
ssoUrl="https://sso.tempo.co"
|
|
56
56
|
side="right"
|
|
57
57
|
onLogout={() => signOut()} // optional; falls back to an SSO logout link
|
|
@@ -62,11 +62,11 @@ The Memberzone is framework-agnostic: it has no router dependency. Active menu h
|
|
|
62
62
|
|
|
63
63
|
## Components
|
|
64
64
|
|
|
65
|
-
| Group
|
|
66
|
-
|
|
|
67
|
-
| Form
|
|
68
|
-
| Display
|
|
69
|
-
| Feature
|
|
65
|
+
| Group | Components |
|
|
66
|
+
| ------- | ------------------------------------------------------------ |
|
|
67
|
+
| Form | `Button`, `Input`, `Textarea` |
|
|
68
|
+
| Display | `Badge`, `Card`, `Alert`, `Spinner`, `Avatar` |
|
|
69
|
+
| Feature | `MemberzonePanel` + `Memberzone.*` primitives, `SocialMedia` |
|
|
70
70
|
|
|
71
71
|
Design tokens (`colors`, `typography`, `spacing`, `radius`, `shadows`, `zIndex`, `breakpoints`), the `cn` class-merge helper, and all icons are also exported.
|
|
72
72
|
|