@trebired/frontend 14.6.3 → 14.6.4
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 +4 -0
- package/dist/language/styles/index.scss +9 -3
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 14.6.4
|
|
4
|
+
|
|
5
|
+
- The locale trigger's border now needs the compound selector `.tbf-button.tbf-locale-trigger` to win. `.tbf-locale-trigger` and `.tbf-button` are both plain single-class selectors of equal specificity, so a longhand `border-width` on the trigger still lost to a `border` shorthand on the button whenever the button's rule happened to come later in the bundle — which it does, since language styles are emitted before surface styles. The 14.6.2 fix set the property but never actually reached the page.
|
|
6
|
+
|
|
3
7
|
## 14.6.3
|
|
4
8
|
|
|
5
9
|
- The 14.6.2 fix for `TextLink`'s transition only touched the SCSS fallback. The default component-token value for `primitives.textLink.root.transition` was itself `"none"`, and a config default is emitted as a CSS custom property that always wins over a `var(..., fallback)` — so the fallback fix never took effect for any site, including one that sets no link tokens at all. Fixed at the source: the default token value now carries the same transition.
|
|
@@ -9,14 +9,20 @@
|
|
|
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-radius: var(#{ns.css-var("shell-language-trigger-radius")}, var(#{ns.css-var("radius-sm")}, 0));
|
|
13
|
+
font-size: var(#{ns.css-var("shell-language-trigger-font-size")}, 12.5px);
|
|
14
|
+
font-weight: var(#{ns.css-var("shell-language-trigger-font-weight")}, 600);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
/* Compound with the button class: a plain .tbf-locale-trigger loses the
|
|
18
|
+
border race to whichever site button style happens to be declared later
|
|
19
|
+
in the bundle, since both are single-class selectors of equal specificity. */
|
|
20
|
+
#{ns.class("button")}#{ns.class("locale-trigger")} {
|
|
12
21
|
border-width: var(#{ns.css-var("shell-language-trigger-border-width")}, 1px);
|
|
13
22
|
border-color: var(
|
|
14
23
|
#{ns.css-var("shell-language-trigger-border-color")},
|
|
15
24
|
color-mix(in srgb, currentColor 24%, transparent)
|
|
16
25
|
);
|
|
17
|
-
border-radius: var(#{ns.css-var("shell-language-trigger-radius")}, var(#{ns.css-var("radius-sm")}, 0));
|
|
18
|
-
font-size: var(#{ns.css-var("shell-language-trigger-font-size")}, 12.5px);
|
|
19
|
-
font-weight: var(#{ns.css-var("shell-language-trigger-font-weight")}, 600);
|
|
20
26
|
}
|
|
21
27
|
|
|
22
28
|
#{ns.class("locale-trigger")} #{ns.class("locale-code")} {
|