@vollowx/seele 0.14.0 → 0.14.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.
Files changed (4) hide show
  1. package/README.md +3 -3
  2. package/package.json +1 -1
  3. package/src/m3/styles/color-default-dark.css +51 -0
  4. package/src/m3/styles/color-default-light.css +51 -0
package/README.md CHANGED
@@ -56,7 +56,9 @@ seele relies on the following modern web standards:
56
56
  | [`:dir()`][:dir] | 2023 | 120 | - | - |
57
57
  | [Constructable Stylesheets][constructable-stylesheets] | 2024 | - | 126 | - |
58
58
  | [`:state()`][:state] | 2024 | 125 | 126 | - |
59
+ | [`@starting-style`][starting-style] | 2024 | - | - | 17.5 |
59
60
  | [`aria*Element`][aria-active] and similar | 2025 | 135 | 136 | 16.4 |
61
+ | [Popover API][popover-api] | 2025 | - | - | 17 |
60
62
  | [`CSSNumericValue`][css-numeric-value] | not yet | - | Nightly | - |
61
63
 
62
64
  _* `CSSNumericValue` is worked around currently so it does not raise the minimum
@@ -66,14 +68,12 @@ All of the above result in the following minimum requirements:
66
68
 
67
69
  - Chromium: >= 135
68
70
  - Firefox: >= 136
69
- - Safari: >= 16.4
71
+ - Safari: >= 17.5
70
72
 
71
73
  It is 2026 now, so you don't really need to worry about this. However, in the
72
74
  future, the following web features might be used and require higher browser
73
75
  versions:
74
76
 
75
- - [Popover API][popover-api] — Baseline 2025, Safari 17, _will improve menu, popup, and combobox_
76
- - [`@starting-style`][starting-style] — Baseline 2025, Safari 17.5
77
77
  - [`anchor()`][anchor] — Baseline 2026, Firefox 147, Safari 26, _will remove the dependency `floating-dom`_
78
78
 
79
79
  _* omitting a specific browser version means using that standard does not raise
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vollowx/seele",
3
- "version": "0.14.0",
3
+ "version": "0.14.1",
4
4
  "description": "A extensible Web Components library, with Material Design 3 components pre-provided.",
5
5
  "author": "vollowx",
6
6
  "license": "Apache-2.0",
package/src/m3/styles/color-default-dark.css ADDED
@@ -0,0 +1,51 @@
1
+ :root {
2
+ --md-sys-color-primary: rgb(203 190 255);
3
+ --md-sys-color-surface-tint: rgb(203 190 255);
4
+ --md-sys-color-on-primary: rgb(51 39 94);
5
+ --md-sys-color-primary-container: rgb(73 62 118);
6
+ --md-sys-color-on-primary-container: rgb(231 222 255);
7
+ --md-sys-color-secondary: rgb(202 195 220);
8
+ --md-sys-color-on-secondary: rgb(50 46 65);
9
+ --md-sys-color-secondary-container: rgb(72 68 88);
10
+ --md-sys-color-on-secondary-container: rgb(230 223 249);
11
+ --md-sys-color-tertiary: rgb(238 184 203);
12
+ --md-sys-color-on-tertiary: rgb(73 37 52);
13
+ --md-sys-color-tertiary-container: rgb(98 59 75);
14
+ --md-sys-color-on-tertiary-container: rgb(255 217 229);
15
+ --md-sys-color-error: rgb(255 180 171);
16
+ --md-sys-color-on-error: rgb(105 0 5);
17
+ --md-sys-color-error-container: rgb(147 0 10);
18
+ --md-sys-color-on-error-container: rgb(255 218 214);
19
+ --md-sys-color-background: rgb(20 19 24);
20
+ --md-sys-color-on-background: rgb(230 225 233);
21
+ --md-sys-color-surface: rgb(20 19 24);
22
+ --md-sys-color-on-surface: rgb(230 225 233);
23
+ --md-sys-color-surface-variant: rgb(72 69 78);
24
+ --md-sys-color-on-surface-variant: rgb(201 196 207);
25
+ --md-sys-color-outline: rgb(147 143 153);
26
+ --md-sys-color-outline-variant: rgb(72 69 78);
27
+ --md-sys-color-shadow: rgb(0 0 0);
28
+ --md-sys-color-scrim: rgb(0 0 0);
29
+ --md-sys-color-inverse-surface: rgb(230 225 233);
30
+ --md-sys-color-inverse-on-surface: rgb(49 47 53);
31
+ --md-sys-color-inverse-primary: rgb(97 86 144);
32
+ --md-sys-color-primary-fixed: rgb(231 222 255);
33
+ --md-sys-color-on-primary-fixed: rgb(29 17 72);
34
+ --md-sys-color-primary-fixed-dim: rgb(203 190 255);
35
+ --md-sys-color-on-primary-fixed-variant: rgb(73 62 118);
36
+ --md-sys-color-secondary-fixed: rgb(230 223 249);
37
+ --md-sys-color-on-secondary-fixed: rgb(29 25 43);
38
+ --md-sys-color-secondary-fixed-dim: rgb(202 195 220);
39
+ --md-sys-color-on-secondary-fixed-variant: rgb(72 68 88);
40
+ --md-sys-color-tertiary-fixed: rgb(255 217 229);
41
+ --md-sys-color-on-tertiary-fixed: rgb(48 17 31);
42
+ --md-sys-color-tertiary-fixed-dim: rgb(238 184 203);
43
+ --md-sys-color-on-tertiary-fixed-variant: rgb(98 59 75);
44
+ --md-sys-color-surface-dim: rgb(20 19 24);
45
+ --md-sys-color-surface-bright: rgb(58 56 62);
46
+ --md-sys-color-surface-container-lowest: rgb(15 13 19);
47
+ --md-sys-color-surface-container-low: rgb(28 27 32);
48
+ --md-sys-color-surface-container: rgb(32 31 36);
49
+ --md-sys-color-surface-container-high: rgb(43 41 47);
50
+ --md-sys-color-surface-container-highest: rgb(54 52 58);
51
+ }
package/src/m3/styles/color-default-light.css ADDED
@@ -0,0 +1,51 @@
1
+ :root {
2
+ --md-sys-color-primary: rgb(97 86 144);
3
+ --md-sys-color-surface-tint: rgb(97 86 144);
4
+ --md-sys-color-on-primary: rgb(255 255 255);
5
+ --md-sys-color-primary-container: rgb(231 222 255);
6
+ --md-sys-color-on-primary-container: rgb(73 62 118);
7
+ --md-sys-color-secondary: rgb(96 91 113);
8
+ --md-sys-color-on-secondary: rgb(255 255 255);
9
+ --md-sys-color-secondary-container: rgb(230 223 249);
10
+ --md-sys-color-on-secondary-container: rgb(72 68 88);
11
+ --md-sys-color-tertiary: rgb(125 82 99);
12
+ --md-sys-color-on-tertiary: rgb(255 255 255);
13
+ --md-sys-color-tertiary-container: rgb(255 217 229);
14
+ --md-sys-color-on-tertiary-container: rgb(98 59 75);
15
+ --md-sys-color-error: rgb(186 26 26);
16
+ --md-sys-color-on-error: rgb(255 255 255);
17
+ --md-sys-color-error-container: rgb(255 218 214);
18
+ --md-sys-color-on-error-container: rgb(147 0 10);
19
+ --md-sys-color-background: rgb(253 247 255);
20
+ --md-sys-color-on-background: rgb(28 27 32);
21
+ --md-sys-color-surface: rgb(253 247 255);
22
+ --md-sys-color-on-surface: rgb(28 27 32);
23
+ --md-sys-color-surface-variant: rgb(230 224 236);
24
+ --md-sys-color-on-surface-variant: rgb(72 69 78);
25
+ --md-sys-color-outline: rgb(121 117 127);
26
+ --md-sys-color-outline-variant: rgb(201 196 207);
27
+ --md-sys-color-shadow: rgb(0 0 0);
28
+ --md-sys-color-scrim: rgb(0 0 0);
29
+ --md-sys-color-inverse-surface: rgb(49 47 53);
30
+ --md-sys-color-inverse-on-surface: rgb(244 239 247);
31
+ --md-sys-color-inverse-primary: rgb(203 190 255);
32
+ --md-sys-color-primary-fixed: rgb(231 222 255);
33
+ --md-sys-color-on-primary-fixed: rgb(29 17 72);
34
+ --md-sys-color-primary-fixed-dim: rgb(203 190 255);
35
+ --md-sys-color-on-primary-fixed-variant: rgb(73 62 118);
36
+ --md-sys-color-secondary-fixed: rgb(230 223 249);
37
+ --md-sys-color-on-secondary-fixed: rgb(29 25 43);
38
+ --md-sys-color-secondary-fixed-dim: rgb(202 195 220);
39
+ --md-sys-color-on-secondary-fixed-variant: rgb(72 68 88);
40
+ --md-sys-color-tertiary-fixed: rgb(255 217 229);
41
+ --md-sys-color-on-tertiary-fixed: rgb(48 17 31);
42
+ --md-sys-color-tertiary-fixed-dim: rgb(238 184 203);
43
+ --md-sys-color-on-tertiary-fixed-variant: rgb(98 59 75);
44
+ --md-sys-color-surface-dim: rgb(221 216 224);
45
+ --md-sys-color-surface-bright: rgb(253 247 255);
46
+ --md-sys-color-surface-container-lowest: rgb(255 255 255);
47
+ --md-sys-color-surface-container-low: rgb(247 242 250);
48
+ --md-sys-color-surface-container: rgb(241 236 244);
49
+ --md-sys-color-surface-container-high: rgb(236 230 238);
50
+ --md-sys-color-surface-container-highest: rgb(230 225 233);
51
+ }