@tangle-network/brand 0.5.0 → 0.6.0
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/CHANGELOG.md +6 -0
- package/package.json +1 -1
- package/src/styles/tokens.css +13 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.6.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- c56ea6c: Add a standard `data-theme`/`.dark`/`.light` switch alongside the existing named themes. The dark block now also matches `[data-theme="dark"]`/`.dark` and the light block also matches `[data-theme="light"]`/`.light`, so consumers can pin or toggle a theme with a standard switch instead of an ad-hoc `data-sandbox-theme` name (an unknown name previously fell back to the dark default). The `:root` default stays dark — zero blast radius to existing consumers.
|
|
8
|
+
|
|
3
9
|
## 0.5.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
package/package.json
CHANGED
package/src/styles/tokens.css
CHANGED
|
@@ -2,8 +2,13 @@
|
|
|
2
2
|
/* Brand: warm purple palette, #5B4ED4 primary */
|
|
3
3
|
|
|
4
4
|
/* MD3 surface hierarchy */
|
|
5
|
+
/* Dark is the default theme (`:root`/`[data-sandbox-ui]`). It also responds to
|
|
6
|
+
* the standard `[data-theme="dark"]` / `.dark` switch so any consumer can pin or
|
|
7
|
+
* toggle a theme without inventing an ad-hoc `data-sandbox-theme` name. */
|
|
5
8
|
:root,
|
|
6
|
-
[data-sandbox-ui]
|
|
9
|
+
[data-sandbox-ui],
|
|
10
|
+
[data-theme="dark"],
|
|
11
|
+
.dark {
|
|
7
12
|
--md3-surface: #0a0a14;
|
|
8
13
|
--md3-surface-dim: #07070d;
|
|
9
14
|
--md3-surface-bright: #1b1a2c;
|
|
@@ -304,7 +309,13 @@
|
|
|
304
309
|
--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
|
|
305
310
|
}
|
|
306
311
|
|
|
307
|
-
|
|
312
|
+
/* Light theme — reachable via the named `vault` theme or the standard
|
|
313
|
+
* `[data-theme="light"]` / `.light` switch. Both blocks are single-attribute/
|
|
314
|
+
* class selectors, and this one is later in source order, so when an element
|
|
315
|
+
* carries both `data-sandbox-ui` (dark) and `data-theme="light"`, light wins. */
|
|
316
|
+
[data-sandbox-theme="vault"],
|
|
317
|
+
[data-theme="light"],
|
|
318
|
+
.light {
|
|
308
319
|
/* Light theme — clean professional, warm purple accents */
|
|
309
320
|
|
|
310
321
|
/* MD3 surface hierarchy */
|