38 lines
959 B
JavaScript
38 lines
959 B
JavaScript
// packages/react/visually-hidden/src/VisuallyHidden.tsx
|
|
import * as React from "react";
|
|
import { Primitive } from "@radix-ui/react-primitive";
|
|
import { jsx } from "react/jsx-runtime";
|
|
var NAME = "VisuallyHidden";
|
|
var VisuallyHidden = React.forwardRef(
|
|
(props, forwardedRef) => {
|
|
return /* @__PURE__ */ jsx(
|
|
Primitive.span,
|
|
{
|
|
...props,
|
|
ref: forwardedRef,
|
|
style: {
|
|
// See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
|
|
position: "absolute",
|
|
border: 0,
|
|
width: 1,
|
|
height: 1,
|
|
padding: 0,
|
|
margin: -1,
|
|
overflow: "hidden",
|
|
clip: "rect(0, 0, 0, 0)",
|
|
whiteSpace: "nowrap",
|
|
wordWrap: "normal",
|
|
...props.style
|
|
}
|
|
}
|
|
);
|
|
}
|
|
);
|
|
VisuallyHidden.displayName = NAME;
|
|
var Root = VisuallyHidden;
|
|
export {
|
|
Root,
|
|
VisuallyHidden
|
|
};
|
|
//# sourceMappingURL=index.mjs.map
|