@lukso/core 1.10.0-dev.1768f93 → 1.10.1
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 +3 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -351,18 +351,18 @@ export class MyComponent extends withTheme(LitElement) {
|
|
|
351
351
|
}
|
|
352
352
|
```
|
|
353
353
|
|
|
354
|
-
**Features:**
|
|
354
|
+
#### **Features:**
|
|
355
355
|
- **Manual theme selection**: Set theme to `'light'`, `'dark'`, or `'auto'`
|
|
356
356
|
- **System preference detection**: Automatically follows OS dark mode when theme is `'auto'`
|
|
357
357
|
- **Reactive updates**: Listens for system theme changes and updates automatically
|
|
358
358
|
- **Automatic wrapping**: All rendered content is wrapped in a div with `data-theme-root` attribute
|
|
359
359
|
- **Tailwind integration**: The wrapper div receives the `dark` class for Tailwind's dark mode utilities
|
|
360
360
|
|
|
361
|
-
**API:**
|
|
361
|
+
#### **API:**
|
|
362
362
|
- `theme` (`'light' | 'dark' | 'auto'`): The theme mode (reflects to attribute)
|
|
363
363
|
- `isDark` (`boolean`): Read-only computed state indicating if dark mode is active
|
|
364
364
|
|
|
365
|
-
**HTML Structure:**
|
|
365
|
+
#### **HTML Structure:**
|
|
366
366
|
```html
|
|
367
367
|
<!-- Light mode -->
|
|
368
368
|
<my-component theme="light">
|
package/package.json
CHANGED