@waggylabs/yumekit 0.3.0 → 0.3.2
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/dist/components/y-appbar.js +1 -1
- package/dist/components/y-icon.d.ts +1 -1
- package/dist/components/y-icon.js +1 -1
- package/dist/components/y-select.d.ts +10 -1
- package/dist/components/y-select.js +21 -5
- package/dist/icons/all.js +27 -0
- package/dist/index.js +49 -6
- package/dist/react.d.ts +21 -17
- package/dist/yumekit.min.js +1 -1
- package/llm.txt +12 -8
- package/package.json +1 -1
package/llm.txt
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
A modern, framework-agnostic Web Components UI kit providing 23 production-ready custom HTML elements. Built entirely on native web standards with zero external runtime dependencies.
|
|
4
4
|
|
|
5
5
|
## Version
|
|
6
|
-
0.
|
|
6
|
+
0.3.0
|
|
7
7
|
|
|
8
8
|
## License
|
|
9
9
|
MIT
|
|
@@ -67,7 +67,7 @@ import "@waggylabs/yumekit";
|
|
|
67
67
|
|
|
68
68
|
function App() {
|
|
69
69
|
return (
|
|
70
|
-
<y-theme theme="blue
|
|
70
|
+
<y-theme theme="blue-light">
|
|
71
71
|
<y-button color="primary">Click me</y-button>
|
|
72
72
|
</y-theme>
|
|
73
73
|
);
|
|
@@ -82,13 +82,12 @@ All custom elements are prefixed with `y-`.
|
|
|
82
82
|
Theme provider. Wraps your app and injects design tokens as CSS custom properties.
|
|
83
83
|
|
|
84
84
|
Attributes:
|
|
85
|
-
- `theme` — `"blue"` | `"orange"` — built-in palette name
|
|
86
|
-
- `
|
|
87
|
-
- `
|
|
88
|
-
- `cross-origin` — boolean, enables CORS for remote theme loading
|
|
85
|
+
- `theme` — `"blue-light"` | `"orange-light"` | `"blue-dark"` | `"orange-dark"` — built-in palette name, or a URL/path to a custom CSS theme file
|
|
86
|
+
- `cross-origin` — boolean, enables CORS for remote theme URLs
|
|
87
|
+
- `no-default-font` — boolean, skips injecting the default Lexend font from Google Fonts
|
|
89
88
|
|
|
90
89
|
```html
|
|
91
|
-
<y-theme theme="blue
|
|
90
|
+
<y-theme theme="blue-light">
|
|
92
91
|
<!-- app content -->
|
|
93
92
|
</y-theme>
|
|
94
93
|
```
|
|
@@ -526,7 +525,12 @@ Additional tokens:
|
|
|
526
525
|
|
|
527
526
|
To create a custom theme, define these CSS variables in a stylesheet and point y-theme at it:
|
|
528
527
|
```html
|
|
529
|
-
<y-theme theme
|
|
528
|
+
<y-theme theme="/custom-theme.css"></y-theme>
|
|
529
|
+
```
|
|
530
|
+
|
|
531
|
+
For cross-origin theme files, add the `cross-origin` attribute:
|
|
532
|
+
```html
|
|
533
|
+
<y-theme theme="https://example.com/theme.css" cross-origin></y-theme>
|
|
530
534
|
```
|
|
531
535
|
|
|
532
536
|
---
|