feat(cdk/private): create cdk-visually-hidden style loader (#29757)

* feat(cdk/private): create cdk-visually-hidden style loader

* fixup! feat(cdk/private): create cdk-visually-hidden style loader

* fixup! feat(cdk/private): create cdk-visually-hidden style loader

* fixup! feat(cdk/private): create cdk-visually-hidden style loader

* fixup! feat(cdk/private): create cdk-visually-hidden style loader

* fixup! feat(cdk/private): create cdk-visually-hidden style loader

* fixup! feat(cdk/private): create cdk-visually-hidden style loader

* fixup! feat(cdk/private): create cdk-visually-hidden style loader

src/cdk/private/BUILD.bazel

@@ -1,4 +1,4 @@
-load("//tools:defaults.bzl", "markdown_to_html", "ng_module")
+load("//tools:defaults.bzl", "markdown_to_html", "ng_module", "sass_binary")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -8,11 +8,18 @@ ng_module(
         ["**/*.ts"],
         exclude = ["**/*.spec.ts"],
     ),
+    assets = [":visually-hidden-styles"],
     deps = [
         "@npm//@angular/core",
     ],
 )
 
+sass_binary(
+    name = "visually-hidden-styles",
+    src = ":visually-hidden/visually-hidden.scss",
+    deps = ["//src/cdk/a11y:a11y_scss_lib"],
+)
+
 markdown_to_html(
     name = "overview",
     srcs = [":private.md"],

src/cdk/private/public-api.ts

@@ -7,3 +7,4 @@
  */
 
 export * from './style-loader';
+export * from './visually-hidden/visually-hidden';

src/cdk/private/visually-hidden/visually-hidden.scss

@@ -0,0 +1,3 @@
+@use '../../a11y';
+
+@include a11y.a11y-visually-hidden();

src/cdk/private/visually-hidden/visually-hidden.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
+import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
+
+/**
+ * Component used to load the .cdk-visually-hidden styles.
+ * @docs-private
+ */
+@Component({
+  standalone: true,
+  styleUrl: 'visually-hidden.css',
+  exportAs: 'cdkVisuallyHidden',
+  encapsulation: ViewEncapsulation.None,
+  template: '',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class _VisuallyHiddenLoader {}

tools/public_api_guard/cdk/private.md

@@ -16,6 +16,14 @@ export class _CdkPrivateStyleLoader {
     static ɵprov: i0.ɵɵInjectableDeclaration<_CdkPrivateStyleLoader>;
 }
 
+// @public
+export class _VisuallyHiddenLoader {
+    // (undocumented)
+    static ɵcmp: i0.ɵɵComponentDeclaration<_VisuallyHiddenLoader, "ng-component", ["cdkVisuallyHidden"], {}, {}, never, never, true, never>;
+    // (undocumented)
+    static ɵfac: i0.ɵɵFactoryDeclaration<_VisuallyHiddenLoader, never>;
+}
+
 // (No @packageDocumentation comment for this package)
 
 ```