@kraft.stitch/angular 0.0.2 → 0.0.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.
Files changed (2) hide show
  1. package/README.md +101 -2
  2. package/package.json +1 -1
package/README.md CHANGED
@@ -1,2 +1,101 @@
1
- # ks-ui-angular
2
- Hold the wrapper all the angular components available in the ks design system
1
+ # KS UI Component Library
2
+
3
+ A modern, feature-rich UI component library by Kraft Stitch, designed to simplify and accelerate frontend development with a comprehensive collection of reusable, customizable, and developer-friendly components for Angular and React. From buttons, form controls, and date pickers to navigation, layout, and notification systems, KS UI provides the essential building blocks for creating consistent, accessible, and responsive user interfaces. Built to promote reusability, maintainability, and a unified design experience across frameworks, KS UI helps developers build beautiful, scalable applications with less effort and greater flexibility.
4
+ 👉 **[KSPack Documentation](https://github.com/ks-services-xyz/ks-ui-community)**
5
+
6
+ ## 📦 Component Library
7
+
8
+ KS UI provides reusable UI components for **Angular and React**, organized into categories to help you find the right building blocks quickly.
9
+
10
+ | Category | Components |
11
+ |---|---|
12
+ | **Buttons & Actions** | [Button](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Buttons/button/readme.md) · [Button Group](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Buttons/button-group/readme.md) · [Chips](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Buttons/chips/readme.md) · [FAB](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Buttons/fab/readme.md) |
13
+ | **Calendars & Time** | [Date Picker](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Calendars/datepicker/readme.md) · [Date Range](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Calendars/daterange/readme.md) · [Time Picker](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Calendars/timepicker/readme.md) |
14
+ | **Dropdowns & Selection** | [Dropdown](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Dropdowns/dropdown/readme.md) · [Listbox](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Dropdowns/listbox/readme.md) |
15
+ | **Form Inputs** | [Checkbox](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Inputs/checkbox/readme.md) · [Colour Picker](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Inputs/colour-picker/readme.md) · [Input](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Inputs/input/readme.md) · [OTP Input](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Inputs/otp-input/readme.md) · [Radio](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Inputs/radio/readme.md) · [Rating](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Inputs/rating/readme.md) · [Slider](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Inputs/slider/readme.md) · [Switch](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Inputs/switch/readme.md) · [Textarea](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Inputs/textarea/readme.md) · [Theme Switch](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Inputs/theme-switch/readme.md) · [Uploader](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Inputs/uploader/readme.md) |
16
+ | **Layout & Surfaces** | [Avatar](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Layout/avatar/readme.md) · [Card](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Layout/card/readme.md) · [Code View](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Layout/code-view/readme.md) · [Dialog](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Layout/dialog/readme.md) · [Not Found](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Layout/not-found/readme.md) · [Sidebar](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Layout/sidebar/readme.md) · [Table](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Layout/table/readme.md) · [Tooltip](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Layout/tooltip/readme.md) |
17
+ | **Navigation** | [Accordion](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Navigation/accordion/readme.md) · [Breadcrumb](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Navigation/breadcrumb/readme.md) · [Carousel](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Navigation/carousel/readme.md) · [Context Menu](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Navigation/context-menu/readme.md) · [Nav Bar](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Navigation/nav-bar/readme.md) · [Pagination](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Navigation/pagination/readme.md) · [Stepper](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Navigation/stepper/readme.md) · [Tab](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Navigation/tab/readme.md) · [Toolbar](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Navigation/toolbar/readme.md) · [Top Nav Bar](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Navigation/top-nav-bar/readme.md) · [Tree View](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Navigation/tree-view/readme.md) |
18
+ | **Notifications & Feedback** | [Badge](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Notification/badge/readme.md) · [Loader](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Notification/loader/readme.md) · [Message](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Notification/message/readme.md) · [Progress](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Notification/progress/readme.md) · [Spinner](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Notification/spinner/readme.md) · [Toast](https://github.com/ks-services-xyz/ks-ui-community/blob/main/components/Notification/toast/readme.md) |
19
+ | **Utilities & Services** | [ToastStore](https://github.com/ks-services-xyz/ks-ui-community/blob/main/utils/toast-store.md) |
20
+
21
+ **Framework support:** Angular · React
22
+
23
+ ---
24
+
25
+
26
+ ## Installation
27
+
28
+ ### Angular
29
+
30
+ ```bash
31
+ npm i @kraft.stitch/angular
32
+ ```
33
+
34
+ ---
35
+
36
+ ## Depends on
37
+
38
+ KS-UI need this import for working.
39
+
40
+ ```html
41
+ <link
42
+ rel="stylesheet"
43
+ href="https://cdn.jsdelivr.net/npm/@kraft.stitch/basspack/css-pack.min.css"
44
+ />
45
+ <link
46
+ rel="stylesheet"
47
+ href="https://cdn.jsdelivr.net/npm/@kraft.stitch/themepack/theme-pack.min.css"
48
+ />
49
+ ```
50
+
51
+ ## Quick Start
52
+
53
+ ### Angular
54
+
55
+ ```ts
56
+ import { KsButton } from '@kraft.stitch/angular';
57
+ ```
58
+ ---
59
+
60
+ ## 🤝 Contributing
61
+
62
+ Contributions and suggestions are welcome.
63
+
64
+ If you would like to contribute to KSPack:
65
+
66
+ 1. Fork the repository.
67
+ 2. Create a new branch.
68
+ 3. Make your changes.
69
+ 4. Test your changes.
70
+ 5. Create a pull request.
71
+
72
+ Please check the community repository for contribution guidelines.
73
+
74
+ 👉 **Contribute to KSPack**
75
+ https://github.com/ks-services-xyz/ks-ui-community
76
+
77
+ ---
78
+
79
+ ## 📄 License
80
+
81
+ KSPack is released under the **MIT License**.
82
+
83
+ See the LICENSE file for the complete license text:
84
+
85
+ https://github.com/ks-services-xyz/ks-ui-community/blob/HEAD/LICENSE
86
+
87
+ ---
88
+
89
+ ## ⭐ Support the Project
90
+
91
+ If you find KSPack useful, consider giving the project a ⭐ on GitHub.
92
+
93
+ Your feedback, suggestions, and contributions help improve KSPack.
94
+
95
+ **Made with ❤️ by @kraft.stitch**
96
+
97
+ ---
98
+
99
+ ## Keywords
100
+
101
+ Angular, React, UI Components, Design System, Component Library, Forms, Navigation, Layout, Notifications, Inputs, Dropdowns, Calendars, TypeScript,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kraft.stitch/angular",
3
- "version": "0.0.2",
3
+ "version": "0.0.3",
4
4
  "description": "Hand-written Angular wrapper for the <ks-button> Stencil custom element from @kraft.stitch/core — proof-of-concept for the WebComponents wrapper pattern (core in Stencil, framework-idiomatic Input/Output/DI in the wrapper).",
5
5
  "license": "MIT",
6
6
  "main": "src/public-api.ts",