@yahoo/uds 3.133.3 → 3.134.0

package/dist/utils/exposeAriakitScrollbarWidth.cjs

@@ -0,0 +1,17 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/utils/exposeAriakitScrollbarWidth.ts
+/**
+* Expose Ariakit's scroll-lock measurement as a UDS-owned CSS variable. The
+* value is a `var()` reference, resolved at use time, so it tracks Ariakit's
+* `--scrollbar-width` while a scroll-locking surface (modal, bottom sheet) is
+* open and falls back to 0px otherwise.
+*
+* Idempotent — safe to call from multiple modules at load time.
+*/
+function exposeAriakitScrollbarWidth() {
+	if (typeof document === "undefined") return;
+	document.documentElement.style.setProperty("--uds-scrollbar-width", "var(--scrollbar-width, 0px)");
+}
+//#endregion
+exports.exposeAriakitScrollbarWidth = exposeAriakitScrollbarWidth;

package/dist/utils/exposeAriakitScrollbarWidth.d.cts

@@ -0,0 +1,13 @@
+
+//#region src/utils/exposeAriakitScrollbarWidth.d.ts
+/**
+ * Expose Ariakit's scroll-lock measurement as a UDS-owned CSS variable. The
+ * value is a `var()` reference, resolved at use time, so it tracks Ariakit's
+ * `--scrollbar-width` while a scroll-locking surface (modal, bottom sheet) is
+ * open and falls back to 0px otherwise.
+ *
+ * Idempotent — safe to call from multiple modules at load time.
+ */
+declare function exposeAriakitScrollbarWidth(): void;
+//#endregion
+export { exposeAriakitScrollbarWidth };

package/dist/utils/exposeAriakitScrollbarWidth.d.ts

@@ -0,0 +1,13 @@
+
+//#region src/utils/exposeAriakitScrollbarWidth.d.ts
+/**
+ * Expose Ariakit's scroll-lock measurement as a UDS-owned CSS variable. The
+ * value is a `var()` reference, resolved at use time, so it tracks Ariakit's
+ * `--scrollbar-width` while a scroll-locking surface (modal, bottom sheet) is
+ * open and falls back to 0px otherwise.
+ *
+ * Idempotent — safe to call from multiple modules at load time.
+ */
+declare function exposeAriakitScrollbarWidth(): void;
+//#endregion
+export { exposeAriakitScrollbarWidth };

package/dist/utils/exposeAriakitScrollbarWidth.js

@@ -0,0 +1,16 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region src/utils/exposeAriakitScrollbarWidth.ts
+/**
+* Expose Ariakit's scroll-lock measurement as a UDS-owned CSS variable. The
+* value is a `var()` reference, resolved at use time, so it tracks Ariakit's
+* `--scrollbar-width` while a scroll-locking surface (modal, bottom sheet) is
+* open and falls back to 0px otherwise.
+*
+* Idempotent — safe to call from multiple modules at load time.
+*/
+function exposeAriakitScrollbarWidth() {
+	if (typeof document === "undefined") return;
+	document.documentElement.style.setProperty("--uds-scrollbar-width", "var(--scrollbar-width, 0px)");
+}
+//#endregion
+export { exposeAriakitScrollbarWidth };