@trebired/frontend 21.7.0 → 21.8.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
|
+
## 21.8.0
|
|
4
|
+
|
|
5
|
+
- A hairline panel is outlined by default. Its border was `0` and the colour showing through its gaps was `currentColor` at 10%, which on a surface close to the text colour left almost nothing to see: the rules between cells were faint and the panel had no edge at all, so the rounded corners never read. Both now come from the adaptive border colour, so the panel is a rounded outlined grid wherever it sits, and `--tbf-surf-hairline-root-border` and `--tbf-surf-hairline-root-bg` still override either.
|
|
6
|
+
|
|
3
7
|
## 21.7.0
|
|
4
8
|
|
|
5
9
|
- A popover or a dropdown menu now takes its colour from whatever it opens over. It was read as a surface, which means it was judged by its own fill: an opaque white panel always answered "light", so it stayed white over a dark hero while the header above it had already turned. It is read as an item instead, by what sits behind it.
|
|
@@ -8,14 +8,17 @@
|
|
|
8
8
|
);
|
|
9
9
|
gap: var(#{ns.css-var("surf-hairline-root-gap")}, var(--border-width, 1px));
|
|
10
10
|
overflow: hidden;
|
|
11
|
-
border: var(
|
|
11
|
+
border: var(
|
|
12
|
+
#{ns.css-var("surf-hairline-root-border")},
|
|
13
|
+
var(#{ns.css-var("border-width")}, 1px) solid var(#{ns.css-var("adaptive-border")}, currentColor)
|
|
14
|
+
);
|
|
12
15
|
border-radius: var(
|
|
13
16
|
#{ns.css-var("surf-hairline-root-radius")},
|
|
14
17
|
var(--radius-lg, var(#{ns.css-var("radius")}, 0))
|
|
15
18
|
);
|
|
16
19
|
background: var(
|
|
17
20
|
#{ns.css-var("surf-hairline-root-bg")},
|
|
18
|
-
color-mix(in srgb, currentColor 10%, transparent)
|
|
21
|
+
var(#{ns.css-var("adaptive-border")}, color-mix(in srgb, currentColor 10%, transparent))
|
|
19
22
|
);
|
|
20
23
|
list-style: none;
|
|
21
24
|
}
|