@kraft.stitch/angular 0.0.1 → 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 (54) hide show
  1. package/README.md +101 -2
  2. package/fesm2022/kraft.stitch-angular.mjs +2873 -0
  3. package/fesm2022/kraft.stitch-angular.mjs.map +1 -0
  4. package/package.json +17 -16
  5. package/types/kraft.stitch-angular.d.ts +2247 -0
  6. package/.github/workflows/npm-publish.yml +0 -33
  7. package/ng-package.json +0 -10
  8. package/src/lib/Buttons/button/button.ts +0 -152
  9. package/src/lib/Buttons/button-group/button-group.ts +0 -129
  10. package/src/lib/Buttons/chips/chips.ts +0 -131
  11. package/src/lib/Buttons/fab/fab.ts +0 -96
  12. package/src/lib/Calendars/datepicker/datepicker.ts +0 -105
  13. package/src/lib/Calendars/daterange/daterange.ts +0 -112
  14. package/src/lib/Calendars/timepicker/timepicker.ts +0 -117
  15. package/src/lib/Dropdowns/dropdown/dropdown.ts +0 -121
  16. package/src/lib/Dropdowns/listbox/listbox.ts +0 -116
  17. package/src/lib/Inputs/checkbox/checkbox.ts +0 -126
  18. package/src/lib/Inputs/colour-picker/colour-picker.ts +0 -101
  19. package/src/lib/Inputs/input/input.ts +0 -139
  20. package/src/lib/Inputs/otp-input/otp-input.ts +0 -113
  21. package/src/lib/Inputs/radio/radio.ts +0 -115
  22. package/src/lib/Inputs/rating/rating.ts +0 -104
  23. package/src/lib/Inputs/slider/slider.ts +0 -121
  24. package/src/lib/Inputs/switch/switch.ts +0 -100
  25. package/src/lib/Inputs/textarea/textarea.ts +0 -129
  26. package/src/lib/Inputs/theme-switch/theme-switch.ts +0 -61
  27. package/src/lib/Inputs/uploader/uploader.ts +0 -97
  28. package/src/lib/Layout/avatar/avatar.ts +0 -66
  29. package/src/lib/Layout/card/card.ts +0 -88
  30. package/src/lib/Layout/code-view/code-view.ts +0 -77
  31. package/src/lib/Layout/dialog/dialog.ts +0 -80
  32. package/src/lib/Layout/not-found/not-found.ts +0 -73
  33. package/src/lib/Layout/sidebar/sidebar.ts +0 -97
  34. package/src/lib/Layout/table/table.ts +0 -81
  35. package/src/lib/Layout/tooltip/tooltip.ts +0 -48
  36. package/src/lib/Navigation/accordion/accordion.ts +0 -80
  37. package/src/lib/Navigation/breadcrumb/breadcrumb.ts +0 -58
  38. package/src/lib/Navigation/carousel/carousel.ts +0 -70
  39. package/src/lib/Navigation/context-menu/context-menu.ts +0 -79
  40. package/src/lib/Navigation/nav-bar/nav-bar.ts +0 -72
  41. package/src/lib/Navigation/pagination/pagination.ts +0 -82
  42. package/src/lib/Navigation/stepper/stepper.ts +0 -77
  43. package/src/lib/Navigation/tab/tab.ts +0 -71
  44. package/src/lib/Navigation/toolbar/toolbar.ts +0 -60
  45. package/src/lib/Navigation/top-nav-bar/top-nav-bar.ts +0 -71
  46. package/src/lib/Navigation/tree-view/tree-view.ts +0 -75
  47. package/src/lib/Notification/badge/badge.ts +0 -55
  48. package/src/lib/Notification/loader/loader.ts +0 -41
  49. package/src/lib/Notification/message/message.ts +0 -60
  50. package/src/lib/Notification/progress/progress.ts +0 -65
  51. package/src/lib/Notification/spinner/spinner.ts +0 -50
  52. package/src/lib/Notification/toast/toast.ts +0 -56
  53. package/src/public-api.ts +0 -62
  54. package/tsconfig.json +0 -23
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,