@trebired/frontend 13.41.0 → 13.42.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
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 13.42.0
|
|
4
|
+
|
|
5
|
+
- A hairline cell now rescopes `text-muted` to its own surface. The cell already set its own text colour, but muted text inside it still resolved against whatever surface the panel sat on — so a light cell inside an inverted section rendered its muted text in the inverted palette and disappeared.
|
|
6
|
+
|
|
3
7
|
## 13.41.0
|
|
4
8
|
|
|
5
9
|
- The locale switcher's `trigger="locale"` face is now a real component with its own tokens (`shell.language.trigger`: gap, height, padding, border colour, radius, font size and weight). It was an unstyled button that every site had to re-dress with its own class to get a compact chip, and the code badge inside it needed a second override to undo the standalone chip styling.
|
|
@@ -24,6 +24,10 @@
|
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
#{ns.element-class("hairline", "cell")} {
|
|
27
|
+
#{ns.css-var("text-muted")}: var(
|
|
28
|
+
#{ns.css-var("surf-hairline-cell-text-muted")},
|
|
29
|
+
color-mix(in srgb, currentColor 62%, transparent)
|
|
30
|
+
);
|
|
27
31
|
display: grid;
|
|
28
32
|
gap: var(#{ns.css-var("surf-hairline-cell-gap")}, var(#{ns.css-var("gap-sm")}, 12px));
|
|
29
33
|
align-content: start;
|
|
@@ -40,6 +44,10 @@
|
|
|
40
44
|
}
|
|
41
45
|
|
|
42
46
|
#{ns.data("hairline-invert", "true")} {
|
|
47
|
+
#{ns.css-var("text-muted")}: var(
|
|
48
|
+
#{ns.css-var("surf-hairline-cell-text-muted-inverse")},
|
|
49
|
+
color-mix(in srgb, currentColor 62%, transparent)
|
|
50
|
+
);
|
|
43
51
|
color: var(#{ns.css-var("surf-hairline-cell-color-inverse")}, var(#{ns.css-var("page")}, #fff));
|
|
44
52
|
background: var(#{ns.css-var("surf-hairline-cell-bg-inverse")}, var(#{ns.css-var("text")}, #000));
|
|
45
53
|
}
|
package/package.json
CHANGED