@eagami/ui 5.63.1 → 5.63.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eagami/ui",
|
|
3
|
-
"version": "5.63.
|
|
3
|
+
"version": "5.63.2",
|
|
4
4
|
"description": "Lightweight, accessible, themeable Angular UI component library and icon set built on CSS custom properties",
|
|
5
5
|
"author": "Michal Wiraszka <michal@eagami.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -21,11 +21,8 @@
|
|
|
21
21
|
color: var(--color-text-primary);
|
|
22
22
|
transition: var(--transition-colors), var(--transition-shadow);
|
|
23
23
|
|
|
24
|
-
// `opacity: 1` overrides the Firefox/WebKit default of ~0.54 on placeholders,
|
|
25
|
-
// which would wash out the tertiary token and collapse contrast in dark mode
|
|
26
24
|
&::placeholder {
|
|
27
|
-
|
|
28
|
-
opacity: 1;
|
|
25
|
+
@include ea.placeholder-text;
|
|
29
26
|
}
|
|
30
27
|
|
|
31
28
|
&:focus {
|
package/src/styles/_mixins.scss
CHANGED
|
@@ -252,3 +252,12 @@ $target-size-min: 24px;
|
|
|
252
252
|
width: auto;
|
|
253
253
|
height: auto;
|
|
254
254
|
}
|
|
255
|
+
|
|
256
|
+
// Placeholder text, set apart from a value by its italics rather than by fading it, so it
|
|
257
|
+
// keeps the tertiary text's contrast. The opacity is set outright, since browsers dim
|
|
258
|
+
// placeholders by different amounts by default
|
|
259
|
+
@mixin placeholder-text {
|
|
260
|
+
opacity: 1;
|
|
261
|
+
font-style: italic;
|
|
262
|
+
color: var(--color-text-tertiary);
|
|
263
|
+
}
|