cronixui 1.0.2 → 1.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.
- package/README.md +21 -20
- package/package.json +7 -2
- package/packages/web/src/cronixui.d.ts +103 -0
package/README.md
CHANGED
|
@@ -1,39 +1,40 @@
|
|
|
1
1
|
# CronixUI
|
|
2
2
|
|
|
3
|
-
A multi-platform UI toolkit with a dark theme, crimson accents, and Outfit typography.
|
|
4
|
-
|
|
5
|
-
## Packages
|
|
6
|
-
|
|
7
|
-
| Package | Description |
|
|
8
|
-
|---------|-------------|
|
|
9
|
-
| `cronixui` | Core CSS/JS for web |
|
|
10
|
-
| `cronixui-react` | React components |
|
|
11
|
-
| `cronixui-win` | WinUI 3 controls |
|
|
3
|
+
A multi-platform, multi-language UI toolkit with a dark theme, crimson accents, and Outfit typography.
|
|
12
4
|
|
|
13
5
|
## Installation
|
|
14
6
|
|
|
15
|
-
###
|
|
7
|
+
### JavaScript/TypeScript
|
|
16
8
|
|
|
17
9
|
```bash
|
|
18
10
|
npm install cronixui
|
|
19
11
|
```
|
|
20
12
|
|
|
21
|
-
###
|
|
13
|
+
### Python
|
|
22
14
|
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
<script src="https://unpkg.com/cronixui@1.0.1/packages/web/dist/cronixui.js"></script>
|
|
15
|
+
```bash
|
|
16
|
+
pip install cronixui
|
|
26
17
|
```
|
|
27
18
|
|
|
28
|
-
###
|
|
19
|
+
### Go
|
|
29
20
|
|
|
30
21
|
```bash
|
|
31
|
-
|
|
22
|
+
go get github.com/CazyUndee/CronixUI/packages/go/cronixui
|
|
32
23
|
```
|
|
33
24
|
|
|
34
|
-
###
|
|
25
|
+
### Rust
|
|
35
26
|
|
|
36
|
-
|
|
27
|
+
```toml
|
|
28
|
+
[dependencies]
|
|
29
|
+
cronixui = "1.0.2"
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
### CDN
|
|
33
|
+
|
|
34
|
+
```html
|
|
35
|
+
<link rel="stylesheet" href="https://unpkg.com/cronixui@1.0.2/packages/web/dist/cronixui.css">
|
|
36
|
+
<script src="https://unpkg.com/cronixui@1.0.2/packages/web/dist/cronixui.js"></script>
|
|
37
|
+
```
|
|
37
38
|
|
|
38
39
|
## Quick Start (Web)
|
|
39
40
|
|
|
@@ -44,14 +45,14 @@ Coming soon to NuGet.
|
|
|
44
45
|
<meta charset="UTF-8">
|
|
45
46
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
46
47
|
<title>My App</title>
|
|
47
|
-
<link rel="stylesheet" href="https://unpkg.com/cronixui@1.0.
|
|
48
|
+
<link rel="stylesheet" href="https://unpkg.com/cronixui@1.0.2/packages/web/dist/cronixui.css">
|
|
48
49
|
</head>
|
|
49
50
|
<body>
|
|
50
51
|
<div class="cn-container">
|
|
51
52
|
<h1 class="cn-h1">Hello, CronixUI!</h1>
|
|
52
53
|
<button class="cn-btn cn-btn-primary">Get Started</button>
|
|
53
54
|
</div>
|
|
54
|
-
<script src="https://unpkg.com/cronixui@1.0.
|
|
55
|
+
<script src="https://unpkg.com/cronixui@1.0.2/packages/web/dist/cronixui.js"></script>
|
|
55
56
|
</body>
|
|
56
57
|
</html>
|
|
57
58
|
```
|
package/package.json
CHANGED
|
@@ -1,19 +1,24 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cronixui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"description": "CronixUI - A dark-themed UI toolkit with crimson accents and Outfit typography",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ui",
|
|
7
7
|
"css",
|
|
8
8
|
"dark-mode",
|
|
9
9
|
"design-system",
|
|
10
|
-
"components"
|
|
10
|
+
"components",
|
|
11
|
+
"typescript",
|
|
12
|
+
"python",
|
|
13
|
+
"rust",
|
|
14
|
+
"golang"
|
|
11
15
|
],
|
|
12
16
|
"license": "GPL-3.0",
|
|
13
17
|
"author": "CazyUndee",
|
|
14
18
|
"type": "commonjs",
|
|
15
19
|
"main": "packages/web/dist/cronixui.js",
|
|
16
20
|
"style": "packages/web/dist/cronixui.css",
|
|
21
|
+
"types": "packages/web/src/cronixui.d.ts",
|
|
17
22
|
"files": [
|
|
18
23
|
"packages/web/dist/",
|
|
19
24
|
"packages/web/src/",
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
declare namespace CronixUI {
|
|
2
|
+
interface ToastOptions {
|
|
3
|
+
title?: string;
|
|
4
|
+
message: string;
|
|
5
|
+
type?: 'success' | 'error' | 'warning' | 'info';
|
|
6
|
+
duration?: number;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
interface PaginationOptions {
|
|
10
|
+
total: number;
|
|
11
|
+
current: number;
|
|
12
|
+
onChange?: (page: number) => void;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
interface SearchItem {
|
|
16
|
+
title: string;
|
|
17
|
+
subtitle?: string;
|
|
18
|
+
action: () => void;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
interface CommandPaletteItem {
|
|
22
|
+
title: string;
|
|
23
|
+
kbd?: string;
|
|
24
|
+
action: () => void;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
interface ModalInstance {
|
|
28
|
+
open(): void;
|
|
29
|
+
close(): void;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
interface DropdownInstance {
|
|
33
|
+
open(): void;
|
|
34
|
+
close(): void;
|
|
35
|
+
toggle(): void;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
interface ToggleInstance {
|
|
39
|
+
toggle(): void;
|
|
40
|
+
isOn(): boolean;
|
|
41
|
+
setOn(value: boolean): void;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
interface TabsInstance {
|
|
45
|
+
setActive(index: number): void;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
interface AccordionInstance {
|
|
49
|
+
toggle(item: HTMLElement): void;
|
|
50
|
+
openAll(): void;
|
|
51
|
+
closeAll(): void;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
interface PaginationInstance {
|
|
55
|
+
goTo(page: number): void;
|
|
56
|
+
render(): void;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
interface CommandPaletteInstance {
|
|
60
|
+
open(): void;
|
|
61
|
+
close(): void;
|
|
62
|
+
setItems(items: CommandPaletteItem[]): void;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
interface SearchInstance {
|
|
66
|
+
setItems(items: SearchItem[]): void;
|
|
67
|
+
filter(query: string): SearchItem[];
|
|
68
|
+
open(): void;
|
|
69
|
+
close(): void;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
interface ToastStatic {
|
|
73
|
+
show(options: ToastOptions): void;
|
|
74
|
+
success(message: string): void;
|
|
75
|
+
error(message: string): void;
|
|
76
|
+
warning(message: string): void;
|
|
77
|
+
info(message: string): void;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
interface NavStatic {
|
|
81
|
+
init(): void;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
interface CronixUIStatic {
|
|
85
|
+
init(): void;
|
|
86
|
+
$(selector: string): HTMLElement | null;
|
|
87
|
+
$$(selector: string): NodeListOf<HTMLElement>;
|
|
88
|
+
createEl(tag: string, className?: string, attrs?: Record<string, string>): HTMLElement;
|
|
89
|
+
Toast: ToastStatic;
|
|
90
|
+
Nav: NavStatic;
|
|
91
|
+
Toggle: new (element: HTMLElement) => ToggleInstance;
|
|
92
|
+
Modal: new (element: HTMLElement) => ModalInstance;
|
|
93
|
+
Dropdown: new (element: HTMLElement) => DropdownInstance;
|
|
94
|
+
Tabs: new (element: HTMLElement) => TabsInstance;
|
|
95
|
+
Accordion: new (element: HTMLElement) => AccordionInstance;
|
|
96
|
+
Pagination: new (element: HTMLElement, options: PaginationOptions) => PaginationInstance;
|
|
97
|
+
CommandPalette: new (element: HTMLElement) => CommandPaletteInstance;
|
|
98
|
+
Search: new (element: HTMLElement) => SearchInstance;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
declare const CronixUI: CronixUI.CronixUIStatic;
|
|
103
|
+
export default CronixUI;
|