@trebired/frontend 14.6.1 → 14.6.2
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,10 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 14.6.2
|
|
4
|
+
|
|
5
|
+
- `TextLink` transitions colour and underline colour on hover instead of snapping. Its default `ui.link.root.transition` was `none`, so every text link on every site — a footer address, a phone number, a back link — changed state instantly while the button and header links beside it eased.
|
|
6
|
+
- The locale trigger has its own `border-width`, pinned to 1px, instead of inheriting whatever width the site's base button uses. A site with a bold 2px button border (a deliberate CTA choice) got the same weight on this small chip control, which reads as a stray outline rather than a border. Its default border colour also darkened slightly, from a 14% to a 24% mix, since 14% washed out against most page backgrounds.
|
|
7
|
+
|
|
3
8
|
## 14.6.1
|
|
4
9
|
|
|
5
10
|
- The page scrollbar is styled with `scrollbar-width` and `scrollbar-color` rather than the WebKit pseudo-elements. Defining `::-webkit-scrollbar` opts a page into drawing its own scrollbar, and the thumb fell back to `transparent`, so every site that did not set `surfaces.scrollbar.root.thumb` lost its scrollbar wherever the browser draws a classic one. `surfaces.scrollbar.root.width` now takes `auto`, `thin` or `none`, and `radius` is gone — the standard properties do not offer one.
|
|
@@ -9,9 +9,10 @@
|
|
|
9
9
|
height: var(#{ns.css-var("shell-language-trigger-height")}, 32px);
|
|
10
10
|
min-height: var(#{ns.css-var("shell-language-trigger-height")}, 32px);
|
|
11
11
|
padding: var(#{ns.css-var("shell-language-trigger-padding")}, 0 10px);
|
|
12
|
+
border-width: var(#{ns.css-var("shell-language-trigger-border-width")}, 1px);
|
|
12
13
|
border-color: var(
|
|
13
14
|
#{ns.css-var("shell-language-trigger-border-color")},
|
|
14
|
-
color-mix(in srgb, currentColor
|
|
15
|
+
color-mix(in srgb, currentColor 24%, transparent)
|
|
15
16
|
);
|
|
16
17
|
border-radius: var(#{ns.css-var("shell-language-trigger-radius")}, var(#{ns.css-var("radius-sm")}, 0));
|
|
17
18
|
font-size: var(#{ns.css-var("shell-language-trigger-font-size")}, 12.5px);
|
|
@@ -72,7 +72,11 @@
|
|
|
72
72
|
text-decoration-style: var(#{ns.css-var("ui-link-root-decoration-style")}, solid);
|
|
73
73
|
text-decoration-thickness: var(#{ns.css-var("ui-link-root-decoration-thickness")}, 1px);
|
|
74
74
|
text-underline-offset: var(#{ns.css-var("ui-link-root-underline-offset")}, 3px);
|
|
75
|
-
transition: var(
|
|
75
|
+
transition: var(
|
|
76
|
+
#{ns.css-var("ui-link-root-transition")},
|
|
77
|
+
color var(#{ns.css-var("transition-fast")}, 180ms) var(#{ns.css-var("transition-easing")}, ease),
|
|
78
|
+
text-decoration-color var(#{ns.css-var("transition-fast")}, 180ms) var(#{ns.css-var("transition-easing")}, ease)
|
|
79
|
+
);
|
|
76
80
|
}
|
|
77
81
|
|
|
78
82
|
#{ns.class("text-link")}:hover,
|