@awc-ui/theme 1.0.0-beta → 1.0.0-beta.10
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/apply-theme.d.ts +11 -2
- package/dist/apply-theme.d.ts.map +1 -1
- package/dist/compute-theme.d.ts +1 -1
- package/dist/generate-css.d.ts +1 -1
- package/dist/index.d.ts +7 -7
- package/dist/index.mjs.map +2 -2
- package/package.json +13 -3
- package/src/apply-theme.ts +10 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@awc-ui/theme",
|
|
3
|
-
"version": "1.0.0-beta",
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "1.0.0-beta.10",
|
|
4
|
+
"description": "Material Design 3 theme generator for AWC UI with seed-color palettes, CSS custom properties, and light/dark schemes",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.mjs",
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
@@ -28,9 +28,19 @@
|
|
|
28
28
|
},
|
|
29
29
|
"keywords": [
|
|
30
30
|
"material-design",
|
|
31
|
+
"material-design-3",
|
|
32
|
+
"material-3",
|
|
31
33
|
"md3",
|
|
32
34
|
"theme",
|
|
33
|
-
"color"
|
|
35
|
+
"color",
|
|
36
|
+
"theme-generator",
|
|
37
|
+
"theming",
|
|
38
|
+
"design-tokens",
|
|
39
|
+
"css-custom-properties",
|
|
40
|
+
"color-palette",
|
|
41
|
+
"dark-mode",
|
|
42
|
+
"typescript",
|
|
43
|
+
"web-components"
|
|
34
44
|
],
|
|
35
45
|
"license": "MIT",
|
|
36
46
|
"author": "AWC UI",
|
package/src/apply-theme.ts
CHANGED
|
@@ -16,7 +16,16 @@ export function clearThemeRoles(element: HTMLElement): void {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
/**
|
|
19
|
+
/**
|
|
20
|
+
* Inject or update a stylesheet with light (:root) and dark ([data-theme="dark"]) role tokens.
|
|
21
|
+
*
|
|
22
|
+
* Charts pick this up automatically: they watch `document.head` for the
|
|
23
|
+
* `<style>` this appends and for later rewrites of its content, so a seed or
|
|
24
|
+
* accent swap repaints every canvas on the page. The one path no browser API
|
|
25
|
+
* can observe is a sheet applied through `document.adoptedStyleSheets` or
|
|
26
|
+
* edited via CSSOM `insertRule` — if you theme that way with charts on
|
|
27
|
+
* screen, call each chart's `refreshTheme()` afterwards.
|
|
28
|
+
*/
|
|
20
29
|
export function applyThemeStylesheet(
|
|
21
30
|
theme: ThemeComputeResult,
|
|
22
31
|
styleId = 'awc-ui-dynamic-theme',
|