eidosui 0.1.0__py3-none-any.whl → 0.3.0__py3-none-any.whl
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.
- eidos/__init__.py +0 -57
- eidos/components/headers.py +68 -0
- eidos/components/navigation.py +78 -0
- eidos/css/styles.css +430 -0
- eidos/css/themes/dark.css +119 -0
- eidos/css/themes/eidos-variables.css +190 -0
- eidos/css/themes/light.css +80 -0
- eidos/js/eidos.js +112 -0
- eidos/plugins/__init__.py +1 -0
- eidos/plugins/markdown/__init__.py +21 -0
- eidos/plugins/markdown/components.py +53 -0
- eidos/plugins/markdown/css/markdown.css +283 -0
- eidos/plugins/markdown/extensions/__init__.py +1 -0
- eidos/plugins/markdown/extensions/alerts.py +134 -0
- eidos/plugins/markdown/renderer.py +58 -0
- eidos/styles.py +80 -0
- eidos/tags.py +99 -0
- eidos/utils.py +72 -0
- eidosui-0.3.0.dist-info/METADATA +127 -0
- eidosui-0.3.0.dist-info/RECORD +22 -0
- eidosui-0.3.0.dist-info/licenses/LICENSE +21 -0
- eidos/components/__init__.py +0 -22
- eidos/components/forms.py +0 -57
- eidos/components/typography.py +0 -85
- eidos/core/__init__.py +0 -25
- eidos/core/helpers.py +0 -87
- eidos/core/styles.py +0 -92
- eidos/core/utils.py +0 -46
- eidos/static/eidos-ui.js +0 -74
- eidos/themes/dark.css +0 -52
- eidos/themes/light.css +0 -110
- eidosui-0.1.0.dist-info/METADATA +0 -61
- eidosui-0.1.0.dist-info/RECORD +0 -14
- {eidosui-0.1.0.dist-info → eidosui-0.3.0.dist-info}/WHEEL +0 -0
eidos/static/eidos-ui.js
DELETED
@@ -1,74 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* EidosUI Theme Switcher
|
3
|
-
* Client-side utilities for theme management
|
4
|
-
*/
|
5
|
-
|
6
|
-
(function() {
|
7
|
-
'use strict';
|
8
|
-
|
9
|
-
// Theme management functions
|
10
|
-
window.EidosUI = {
|
11
|
-
/**
|
12
|
-
* Set the current theme
|
13
|
-
* @param {string} theme - Theme name ('light' or 'dark')
|
14
|
-
*/
|
15
|
-
setTheme: function(theme) {
|
16
|
-
document.documentElement.setAttribute('data-theme', theme);
|
17
|
-
localStorage.setItem('eidos-theme', theme);
|
18
|
-
|
19
|
-
// Dispatch custom event
|
20
|
-
document.dispatchEvent(new CustomEvent('eidos:theme-changed', {
|
21
|
-
detail: { theme: theme }
|
22
|
-
}));
|
23
|
-
},
|
24
|
-
|
25
|
-
/**
|
26
|
-
* Get the current theme
|
27
|
-
* @returns {string} Current theme name
|
28
|
-
*/
|
29
|
-
getTheme: function() {
|
30
|
-
return document.documentElement.getAttribute('data-theme') || 'light';
|
31
|
-
},
|
32
|
-
|
33
|
-
/**
|
34
|
-
* Toggle between light and dark themes
|
35
|
-
*/
|
36
|
-
toggleTheme: function() {
|
37
|
-
const current = this.getTheme();
|
38
|
-
const next = current === 'light' ? 'dark' : 'light';
|
39
|
-
this.setTheme(next);
|
40
|
-
},
|
41
|
-
|
42
|
-
/**
|
43
|
-
* Initialize theme from localStorage or system preference
|
44
|
-
*/
|
45
|
-
initTheme: function() {
|
46
|
-
const savedTheme = localStorage.getItem('eidos-theme');
|
47
|
-
const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
|
48
|
-
const theme = savedTheme || systemTheme;
|
49
|
-
this.setTheme(theme);
|
50
|
-
}
|
51
|
-
};
|
52
|
-
|
53
|
-
// Auto-initialize when DOM is ready
|
54
|
-
if (document.readyState === 'loading') {
|
55
|
-
document.addEventListener('DOMContentLoaded', function() {
|
56
|
-
window.EidosUI.initTheme();
|
57
|
-
});
|
58
|
-
} else {
|
59
|
-
window.EidosUI.initTheme();
|
60
|
-
}
|
61
|
-
|
62
|
-
// Listen for system theme changes
|
63
|
-
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function(e) {
|
64
|
-
// Only auto-switch if user hasn't set a preference
|
65
|
-
if (!localStorage.getItem('eidos-theme')) {
|
66
|
-
window.EidosUI.setTheme(e.matches ? 'dark' : 'light');
|
67
|
-
}
|
68
|
-
});
|
69
|
-
|
70
|
-
// Global functions for convenience
|
71
|
-
window.setTheme = window.EidosUI.setTheme.bind(window.EidosUI);
|
72
|
-
window.toggleTheme = window.EidosUI.toggleTheme.bind(window.EidosUI);
|
73
|
-
|
74
|
-
})();
|
eidos/themes/dark.css
DELETED
@@ -1,52 +0,0 @@
|
|
1
|
-
/* EidosUI Dark Theme */
|
2
|
-
[data-theme="dark"] {
|
3
|
-
/* Surface Colors - Dark Mode Overrides */
|
4
|
-
--color-background: #0f172a;
|
5
|
-
--color-surface: #1e293b;
|
6
|
-
--color-surface-elevated: #334155;
|
7
|
-
--color-border: #334155;
|
8
|
-
--color-border-hover: #475569;
|
9
|
-
--color-input: #1e293b;
|
10
|
-
--color-card: #1e293b;
|
11
|
-
|
12
|
-
/* Text Colors - Dark Mode Overrides */
|
13
|
-
--color-text: #f8fafc;
|
14
|
-
--color-text-muted: #94a3b8;
|
15
|
-
--color-text-subtle: #64748b;
|
16
|
-
--color-text-inverse: #0f172a;
|
17
|
-
|
18
|
-
/* Primary Color Override - Blue for Dark Mode */
|
19
|
-
--color-primary: #60a5fa;
|
20
|
-
--color-primary-hover: #3b82f6;
|
21
|
-
--color-primary-light: #1e3a8a;
|
22
|
-
--color-primary-dark: #2563eb;
|
23
|
-
--color-primary-foreground: #1f2937;
|
24
|
-
|
25
|
-
/* Dark mode overrides for semantic colors */
|
26
|
-
--color-secondary: #9ca3af;
|
27
|
-
--color-secondary-hover: #d1d5db;
|
28
|
-
--color-secondary-light: #374151;
|
29
|
-
--color-secondary-foreground: #1f2937;
|
30
|
-
|
31
|
-
--color-success: #34d399;
|
32
|
-
--color-success-hover: #10b981;
|
33
|
-
--color-success-light: #065f46;
|
34
|
-
|
35
|
-
--color-cta: #fbbf24;
|
36
|
-
--color-cta-hover: #f59e0b;
|
37
|
-
--color-cta-light: #92400e;
|
38
|
-
--color-cta-foreground: #1f2937;
|
39
|
-
|
40
|
-
/* Other semantic colors for dark mode */
|
41
|
-
--color-accent-light: #581c87;
|
42
|
-
--color-warning-light: #713f12;
|
43
|
-
--color-error-light: #7f1d1d;
|
44
|
-
--color-info-light: #0c4a6e;
|
45
|
-
|
46
|
-
/* Enhanced shadows for dark mode */
|
47
|
-
--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
|
48
|
-
--shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.4), 0 1px 2px -1px rgb(0 0 0 / 0.4);
|
49
|
-
--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.4);
|
50
|
-
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.4);
|
51
|
-
--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.4), 0 8px 10px -6px rgb(0 0 0 / 0.4);
|
52
|
-
}
|
eidos/themes/light.css
DELETED
@@ -1,110 +0,0 @@
|
|
1
|
-
/* EidosUI Light Theme */
|
2
|
-
:root {
|
3
|
-
/* Core Colors */
|
4
|
-
--color-primary: #3b82f6;
|
5
|
-
--color-primary-hover: #2563eb;
|
6
|
-
--color-primary-light: #dbeafe;
|
7
|
-
--color-primary-dark: #1d4ed8;
|
8
|
-
--color-primary-foreground: #ffffff;
|
9
|
-
|
10
|
-
--color-secondary: #6b7280;
|
11
|
-
--color-secondary-hover: #4b5563;
|
12
|
-
--color-secondary-light: #f9fafb;
|
13
|
-
--color-secondary-dark: #374151;
|
14
|
-
--color-secondary-foreground: #ffffff;
|
15
|
-
|
16
|
-
--color-accent: #7c3aed;
|
17
|
-
--color-accent-hover: #6d28d9;
|
18
|
-
--color-accent-light: #f3e8ff;
|
19
|
-
--color-accent-foreground: #ffffff;
|
20
|
-
|
21
|
-
/* Semantic Colors */
|
22
|
-
--color-success: #10b981;
|
23
|
-
--color-success-hover: #059669;
|
24
|
-
--color-success-light: #d1fae5;
|
25
|
-
--color-success-foreground: #ffffff;
|
26
|
-
|
27
|
-
--color-cta: #f59e0b;
|
28
|
-
--color-cta-hover: #d97706;
|
29
|
-
--color-cta-light: #fef3c7;
|
30
|
-
--color-cta-foreground: #ffffff;
|
31
|
-
|
32
|
-
--color-warning: #eab308;
|
33
|
-
--color-warning-hover: #ca8a04;
|
34
|
-
--color-warning-light: #fefce8;
|
35
|
-
--color-warning-foreground: #000000;
|
36
|
-
|
37
|
-
--color-error: #dc2626;
|
38
|
-
--color-error-hover: #b91c1c;
|
39
|
-
--color-error-light: #fef2f2;
|
40
|
-
--color-error-foreground: #ffffff;
|
41
|
-
|
42
|
-
--color-info: #0ea5e9;
|
43
|
-
--color-info-hover: #0284c7;
|
44
|
-
--color-info-light: #f0f9ff;
|
45
|
-
--color-info-foreground: #ffffff;
|
46
|
-
|
47
|
-
/* Surface Colors */
|
48
|
-
--color-background: #ffffff;
|
49
|
-
--color-surface: #f8fafc;
|
50
|
-
--color-surface-elevated: #ffffff;
|
51
|
-
--color-border: #e2e8f0;
|
52
|
-
--color-border-hover: #cbd5e1;
|
53
|
-
--color-input: #ffffff;
|
54
|
-
--color-card: #ffffff;
|
55
|
-
|
56
|
-
/* Text Colors */
|
57
|
-
--color-text: #0f172a;
|
58
|
-
--color-text-muted: #64748b;
|
59
|
-
--color-text-subtle: #94a3b8;
|
60
|
-
--color-text-inverse: #ffffff;
|
61
|
-
|
62
|
-
/* Spacing Scale */
|
63
|
-
--space-xs: 0.25rem; /* 4px */
|
64
|
-
--space-sm: 0.5rem; /* 8px */
|
65
|
-
--space-md: 1rem; /* 16px */
|
66
|
-
--space-lg: 1.5rem; /* 24px */
|
67
|
-
--space-xl: 2rem; /* 32px */
|
68
|
-
--space-2xl: 3rem; /* 48px */
|
69
|
-
--space-3xl: 4rem; /* 64px */
|
70
|
-
|
71
|
-
/* Typography Scale */
|
72
|
-
--font-size-xs: 0.75rem; /* 12px */
|
73
|
-
--font-size-sm: 0.875rem; /* 14px */
|
74
|
-
--font-size-base: 1rem; /* 16px */
|
75
|
-
--font-size-lg: 1.125rem; /* 18px */
|
76
|
-
--font-size-xl: 1.25rem; /* 20px */
|
77
|
-
--font-size-2xl: 1.5rem; /* 24px */
|
78
|
-
--font-size-3xl: 1.875rem; /* 30px */
|
79
|
-
--font-size-4xl: 2.25rem; /* 36px */
|
80
|
-
|
81
|
-
--font-weight-normal: 400;
|
82
|
-
--font-weight-medium: 500;
|
83
|
-
--font-weight-semibold: 600;
|
84
|
-
--font-weight-bold: 700;
|
85
|
-
|
86
|
-
--line-height-tight: 1.25;
|
87
|
-
--line-height-normal: 1.5;
|
88
|
-
--line-height-relaxed: 1.75;
|
89
|
-
|
90
|
-
/* Border Radius */
|
91
|
-
--radius-none: 0;
|
92
|
-
--radius-sm: 0.125rem; /* 2px */
|
93
|
-
--radius-base: 0.375rem; /* 6px */
|
94
|
-
--radius-md: 0.5rem; /* 8px */
|
95
|
-
--radius-lg: 0.75rem; /* 12px */
|
96
|
-
--radius-xl: 1rem; /* 16px */
|
97
|
-
--radius-full: 9999px;
|
98
|
-
|
99
|
-
/* Shadows */
|
100
|
-
--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
101
|
-
--shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
102
|
-
--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
103
|
-
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
104
|
-
--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
105
|
-
|
106
|
-
/* Animation */
|
107
|
-
--transition-fast: 150ms ease;
|
108
|
-
--transition-base: 200ms ease;
|
109
|
-
--transition-slow: 300ms ease;
|
110
|
-
}
|
eidosui-0.1.0.dist-info/METADATA
DELETED
@@ -1,61 +0,0 @@
|
|
1
|
-
Metadata-Version: 2.4
|
2
|
-
Name: eidosui
|
3
|
-
Version: 0.1.0
|
4
|
-
Summary: A modern, Tailwind CSS-based UI library for Python web frameworks
|
5
|
-
Project-URL: Homepage, https://github.com/isaac-flath/EidosUI
|
6
|
-
Project-URL: Repository, https://github.com/isaac-flath/EidosUI
|
7
|
-
Project-URL: Issues, https://github.com/isaac-flath/EidosUI/issues
|
8
|
-
Project-URL: Documentation, https://github.com/isaac-flath/EidosUI#readme
|
9
|
-
Author: Isaac Flath
|
10
|
-
License-Expression: MIT
|
11
|
-
Keywords: components,css,fastapi-tags,fasthtml,tailwind,ui,web
|
12
|
-
Classifier: Development Status :: 3 - Alpha
|
13
|
-
Classifier: Intended Audience :: Developers
|
14
|
-
Classifier: License :: OSI Approved :: MIT License
|
15
|
-
Classifier: Programming Language :: Python :: 3
|
16
|
-
Classifier: Programming Language :: Python :: 3.9
|
17
|
-
Classifier: Programming Language :: Python :: 3.10
|
18
|
-
Classifier: Programming Language :: Python :: 3.11
|
19
|
-
Classifier: Programming Language :: Python :: 3.12
|
20
|
-
Classifier: Topic :: Internet :: WWW/HTTP :: Dynamic Content
|
21
|
-
Classifier: Topic :: Software Development :: Libraries :: Python Modules
|
22
|
-
Requires-Python: >=3.9
|
23
|
-
Requires-Dist: fastapi-tags>=0.1.0
|
24
|
-
Provides-Extra: dev
|
25
|
-
Requires-Dist: black>=23.0.0; extra == 'dev'
|
26
|
-
Requires-Dist: isort>=5.0.0; extra == 'dev'
|
27
|
-
Requires-Dist: mypy>=1.0.0; extra == 'dev'
|
28
|
-
Requires-Dist: pytest-cov>=4.0.0; extra == 'dev'
|
29
|
-
Requires-Dist: pytest>=7.0.0; extra == 'dev'
|
30
|
-
Requires-Dist: ruff>=0.1.0; extra == 'dev'
|
31
|
-
Provides-Extra: examples
|
32
|
-
Requires-Dist: fastapi>=0.104.0; extra == 'examples'
|
33
|
-
Requires-Dist: uvicorn>=0.24.0; extra == 'examples'
|
34
|
-
Description-Content-Type: text/markdown
|
35
|
-
|
36
|
-
# EidosUI 🎨
|
37
|
-
|
38
|
-
A modern, flexible Tailwind CSS-based UI library for Python web frameworks. Built for maximum developer flexibility while providing excellent defaults.
|
39
|
-
|
40
|
-
|
41
|
-
## Abstractions
|
42
|
-
|
43
|
-
- **Themes:** A Theme is a series of CSS variables. See `theme/dark.css` and `theme/light.css` for examples
|
44
|
-
- **Theme Switching** is done in `static/eidos-ui.js` this is all AI generated and not looked at yet so probably bad
|
45
|
-
- **Styles** are in `styles.py` where we define data classes based on the css variables defined in the themes. These are a collection of class strings.
|
46
|
-
- **components** are fasttags that FT components by default. For example
|
47
|
-
|
48
|
-
```python
|
49
|
-
def H1(*content, cls: str = typography_styles.h1, **kwargs) -> ft.H1:
|
50
|
-
"""Semantic H1 heading"""
|
51
|
-
return ft.H1(*content, cls=cls, **kwargs)
|
52
|
-
|
53
|
-
def Mark(*content, cls: str = typography_styles.mark, **kwargs) -> ft.Mark:
|
54
|
-
"""Highlighted text"""
|
55
|
-
return ft.Mark(*content, cls=cls, **kwargs)
|
56
|
-
|
57
|
-
def Small(*content, cls: str = typography_styles.small, **kwargs) -> ft.Small:
|
58
|
-
"""Small text"""
|
59
|
-
return ft.Small(*content, cls=cls, **kwargs)
|
60
|
-
```
|
61
|
-
|
eidosui-0.1.0.dist-info/RECORD
DELETED
@@ -1,14 +0,0 @@
|
|
1
|
-
eidos/__init__.py,sha256=oWhLo8ygzM0UqtrjBi982PH2QVOvwbR4wSL9-bi2pXM,1316
|
2
|
-
eidos/components/__init__.py,sha256=xzsUHY6_fu7ULC_w4uud7eKJDWaKRnYP1jIREiTm7tA,484
|
3
|
-
eidos/components/forms.py,sha256=DqmTIhn8IuiW9YpuXJjbVEbeJCWimD3c1i3yL9am94s,1474
|
4
|
-
eidos/components/typography.py,sha256=SH3ojU4y3ptCQlqWNDfX_lrBrZOhf2GTDEVcQzMy3_o,2648
|
5
|
-
eidos/core/__init__.py,sha256=qmxQ0TCEVgH99WLilQ2W9tS9bojte_WCvjWbPcEC0-A,487
|
6
|
-
eidos/core/helpers.py,sha256=MOmSG0sPM1Ts3qiVJopGNfh4R88GIeVpXYM_IPXlGRY,2780
|
7
|
-
eidos/core/styles.py,sha256=WwrbsAPgSAkROzjnw96mJb4dWFrHnLLZEOTXWklSq9M,6773
|
8
|
-
eidos/core/utils.py,sha256=xOVx-sjnrbEe61L5gusE_vSwfpdgi6iX4MEMEMVVwc8,1427
|
9
|
-
eidos/static/eidos-ui.js,sha256=14M8M94fpcFkVyMy3D0E_0-im2coIH500rIhnfx1pj0,2378
|
10
|
-
eidos/themes/dark.css,sha256=quSqOfVq1zOoD44NkxpoX-ZZshRmy9MicUg5jXAKhTw,1697
|
11
|
-
eidos/themes/light.css,sha256=EzG7NTDD8JnvNWJWRrW_jaumUFx5BMZJtNPn4imqInU,3206
|
12
|
-
eidosui-0.1.0.dist-info/METADATA,sha256=JaZWZ3B0DjaOhyr9V1SqPmXU12NKF1zBwdkvPhW8i_I,2647
|
13
|
-
eidosui-0.1.0.dist-info/WHEEL,sha256=qtCwoSJWgHk21S1Kb4ihdzI2rlJ1ZKaIurTj_ngOhyQ,87
|
14
|
-
eidosui-0.1.0.dist-info/RECORD,,
|
File without changes
|