@momentum-design/components 0.9.2 → 0.9.3
Sign up to get free protection for your applications and to get access to all the features.
package/dist/browser/index.js
CHANGED
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
:host {
|
|
40
40
|
--mdc-focus-ring-inner-color: var(--mds-color-theme-focus-default-0);
|
|
41
41
|
--mdc-focus-ring-middle-color: var(--mds-color-theme-focus-default-1);
|
|
42
|
-
--mdc-focus-ring-outer-color: var(--mds-color-theme-focus-default-2);
|
|
42
|
+
--mdc-focus-ring-outer-color: var(--mds-color-theme-focus-default-2);
|
|
43
43
|
|
|
44
44
|
--mdc-focus-ring-inner-width: 0.125rem;
|
|
45
45
|
--mdc-focus-ring-middle-width: calc(2 * var(--mdc-focus-ring-inner-width));
|
|
@@ -56,6 +56,13 @@
|
|
|
56
56
|
0 0 0 var(--mdc-focus-ring-middle-width) var(--mdc-focus-ring-middle-color),
|
|
57
57
|
0 0 0 var(--mdc-focus-ring-outer-width) var(--mdc-focus-ring-outer-color);
|
|
58
58
|
}
|
|
59
|
+
|
|
60
|
+
/* High Contrast Mode */
|
|
61
|
+
@media (forced-colors: active) {
|
|
62
|
+
:host(:focus) {
|
|
63
|
+
outline: 0.125rem solid var(--mds-color-theme-focus-default-0);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
59
66
|
`;var pr=[j,g`
|
|
60
67
|
:host {
|
|
61
68
|
--mdc-icon-fill-color: currentColor;
|
|
@@ -147,6 +154,13 @@
|
|
|
147
154
|
background-color: var(--mdc-badge-secondary-background-color);
|
|
148
155
|
color: var(--mdc-badge-secondary-foreground-color);
|
|
149
156
|
}
|
|
157
|
+
|
|
158
|
+
/* High Contrast Mode */
|
|
159
|
+
@media (forced-colors: active) {
|
|
160
|
+
.mdc-badge-dot, .mdc-badge-icon, .mdc-badge-text {
|
|
161
|
+
outline: 0.125rem solid;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
150
164
|
`],Gt=xr;var A=class extends b{constructor(){super(...arguments);this.variant=U.VARIANT;this.maxCounter=U.MAX_COUNTER;this.overlay=!1;this.ariaLabel=null}getCounterText(t,r){return r===void 0||typeof r!="number"||t===0?"":r>t?`${t}+`:t>U.MAX_COUNTER_LIMIT||r>U.MAX_COUNTER_LIMIT?`${U.MAX_COUNTER_LIMIT}+`:r.toString()}getBadgeIcon(t,r){return m`
|
|
151
165
|
<mdc-icon
|
|
152
166
|
class="mdc-badge-icon ${Ne({"mdc-badge-overlay":this.overlay,[`mdc-badge-icon__${r}`]:!0})}"
|