@ecohouse/ui 0.1.28 → 0.1.30
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 +17 -13
- package/dist/index.cjs +782 -191
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +89 -2
- package/dist/index.d.ts +89 -2
- package/dist/index.js +782 -194
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/AvatarSimple/AvatarSimple.stories.tsx +62 -0
- package/src/components/AvatarSimple/AvatarSimple.tsx +178 -0
- package/src/components/AvatarSimple/index.ts +2 -0
- package/src/components/SegmentedToggle/SegmentedToggle.stories.tsx +22 -0
- package/src/components/SegmentedToggle/SegmentedToggle.tsx +51 -18
- package/src/components/Sidebar/Sidebar.stories.tsx +119 -0
- package/src/components/Sidebar/Sidebar.tsx +305 -0
- package/src/components/Sidebar/index.ts +2 -0
- package/src/components/VerificationCodeInput/VerificationCodeInput.stories.tsx +112 -0
- package/src/components/VerificationCodeInput/VerificationCodeInput.test.ts +42 -0
- package/src/components/VerificationCodeInput/VerificationCodeInput.tsx +255 -0
- package/src/components/VerificationCodeInput/VerificationCodeInput.utils.ts +34 -0
- package/src/components/VerificationCodeInput/index.ts +5 -0
- package/src/components/index.ts +12 -0
- package/src/icons/LogOut/logOutPath.ts +1 -1
- package/src/index.ts +9 -0
package/README.md
CHANGED
|
@@ -4,19 +4,23 @@ Cross-platform UI component library for EcoHouse. Built with React Native primit
|
|
|
4
4
|
|
|
5
5
|
## Components
|
|
6
6
|
|
|
7
|
-
| Component
|
|
8
|
-
|
|
|
9
|
-
| `Button`
|
|
10
|
-
| `Badge`
|
|
11
|
-
| `Input`
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
7
|
+
| Component | Description |
|
|
8
|
+
| ----------------------- | ----------------------------------------------------------------------------- |
|
|
9
|
+
| `Button` | Pill CTA — `primary` / `secondary`, sizes `lg` / `sm`, optional arrow badge |
|
|
10
|
+
| `Badge` | Pill label chip — `default` / `transparent`, optional leading icon |
|
|
11
|
+
| `Input` | Text field with label, hint, left/right icons, error & disabled states |
|
|
12
|
+
| `VerificationCodeInput` | Responsive numeric code cells with paste, focus, error, and disabled states |
|
|
13
|
+
| `Checkbox` | Square checkbox with optional label, controlled or uncontrolled |
|
|
14
|
+
| `Toggle` | Animated on/off switch with optional label |
|
|
15
|
+
| `Select` | Single/multi-select dropdown with search and keyboard navigation |
|
|
16
|
+
| `DatePicker` | Single/range calendar dropdown with month navigation and min/max bounds |
|
|
17
|
+
| `Textarea` | Multi-line text field, same label/hint/state chrome as `Input` |
|
|
18
|
+
| `Avatar` | Logged-in user chip (image/name/email) with an optional account dropdown menu |
|
|
19
|
+
| `AvatarSimple` | Compact account card (avatar + name/email + logout) for sidebars |
|
|
20
|
+
| `Sidebar` | Account sidebar — logo, nav items, collapse, AvatarSimple footer |
|
|
21
|
+
| `SegmentedToggle` | 2- or 3-option pill control with sliding active indicator |
|
|
22
|
+
| `LanguageSwitcher` | Compact controlled/uncontrolled language dropdown |
|
|
23
|
+
| `Icon` | Dynamic icon by name from the registry (`<Icon name="user" />`) |
|
|
20
24
|
|
|
21
25
|
## Primitives
|
|
22
26
|
|