Skip to content

Commit 74f9f8d

Browse files
committed
main - 9333de0 fix(material/tooltip): remove old IE workaround (#29674)
1 parent 808bab5 commit 74f9f8d

File tree

2 files changed

+13
-23
lines changed

2 files changed

+13
-23
lines changed

docs-content/overviews/cdk/a11y/a11y.html

Lines changed: 5 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -244,28 +244,18 @@ <h4 id="targeting-high-contrast-users" class="docs-header-link">
244244
<span header-link="targeting-high-contrast-users"></span>
245245
Targeting high contrast users
246246
</h4>
247-
<p>Microsoft Windows includes an accessibility feature called <a href="https://support.microsoft.com/en-us/windows/use-high-contrast-mode-in-windows-10-fedc744c-90ac-69df-aed5-c8a90125e696">Windows High Contrast Mode</a>. The
247+
<p>Some operating systems include an accessibility feature called High Contrast Mode. The
248248
<code>cdk/a11y</code> package provides a Sass mixin that lets you define styles that only apply in high
249249
contrast mode. To create a high contrast style, define your style inside the <code>high-contrast</code> mixin.</p>
250-
<p>The mixin works by targeting a CSS class which is added to the <code>body</code> by the CDK when high contrast
251-
mode is detected at runtime, via the <code>HighContrastModeDetector</code> service.</p>
250+
<p>The mixin works by targeting the <code>forced-colors</code> media query.</p>
252251
<pre><code class="language-scss"><span class="hljs-keyword">@use</span> <span class="hljs-string">&#x27;@angular/cdk&#x27;</span>;
253252

254253
<span class="hljs-selector-tag">button</span> {
255-
<span class="hljs-keyword">@include</span> cdk.high-contrast() {
254+
<span class="hljs-keyword">@include</span> cdk.high-contrast {
256255
<span class="hljs-attribute">outline</span>: solid <span class="hljs-number">1px</span>;
257256
}
258257
}
259258
</code></pre>
260-
<p>The <code>high-contrast</code> mixin accepts two optional parameters, <code>$target</code> and <code>$encapsulation</code>.</p>
261-
<p>The <code>$target</code> parameter allows you to specify which variation of high contrast mode your style
262-
targets. The accepted values are <code>active</code> (default), <code>black-on-white</code>, and <code>white-on-black</code>. These
263-
values correspond to the supported values for the
264-
<a href="https://blogs.windows.com/msedgedev/2020/09/17/styling-for-windows-high-contrast-with-new-standards-for-forced-colors/"><code>-ms-high-contrast</code> media query</a>.</p>
265-
<p>The <code>$encapsulation</code> parameter affects how the emitted styles interact with style encapsulation.
266-
The supported values are <code>on</code>, <code>off</code>, and <code>any</code>. The default value is <code>any</code>, which works for any
267-
encapsulation scenario by emitting two selectors. Specifying either <code>on</code> or <code>off</code> slightly reduces
268-
the amount of CSS emitted by limiting the styles to components with encapsulation enabled or
269-
disabled, respectively. The styles emitted for encapsulated components work for both Angular&#39;s
270-
emulated style encapsulation and for native Shadow DOM encapsulation.</p>
259+
<p>The <code>high-contrast</code> mixin accepts the optional <code>$target</code> parameter which allows you to specify
260+
the value of the <code>forced-color</code> media query. Its value can be either <code>active</code> or <code>none</code>.</p>
271261
</div>

package.json

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@angular/components-examples",
3-
"version": "19.0.0-next.2+sha-f3df87b",
3+
"version": "19.0.0-next.2+sha-9333de0",
44
"description": "Angular Components Examples",
55
"private": true,
66
"repository": {
@@ -255,15 +255,15 @@
255255
},
256256
"homepage": "https://github.com/angular/components#readme",
257257
"peerDependencies": {
258-
"@angular/cdk": "19.0.0-next.2+sha-f3df87b",
259-
"@angular/cdk-experimental": "19.0.0-next.2+sha-f3df87b",
258+
"@angular/cdk": "19.0.0-next.2+sha-9333de0",
259+
"@angular/cdk-experimental": "19.0.0-next.2+sha-9333de0",
260260
"@angular/core": "^19.0.0-0 || ^19.1.0-0 || ^19.2.0-0 || ^19.3.0-0 || ^20.0.0-0",
261261
"@angular/common": "^19.0.0-0 || ^19.1.0-0 || ^19.2.0-0 || ^19.3.0-0 || ^20.0.0-0",
262-
"@angular/material": "19.0.0-next.2+sha-f3df87b",
263-
"@angular/material-experimental": "19.0.0-next.2+sha-f3df87b",
264-
"@angular/material-moment-adapter": "19.0.0-next.2+sha-f3df87b",
265-
"@angular/material-luxon-adapter": "19.0.0-next.2+sha-f3df87b",
266-
"@angular/material-date-fns-adapter": "19.0.0-next.2+sha-f3df87b"
262+
"@angular/material": "19.0.0-next.2+sha-9333de0",
263+
"@angular/material-experimental": "19.0.0-next.2+sha-9333de0",
264+
"@angular/material-moment-adapter": "19.0.0-next.2+sha-9333de0",
265+
"@angular/material-luxon-adapter": "19.0.0-next.2+sha-9333de0",
266+
"@angular/material-date-fns-adapter": "19.0.0-next.2+sha-9333de0"
267267
},
268268
"dependencies": {
269269
"tslib": "^2.3.0"

0 commit comments

Comments
 (0)