@patreon/studio/module/components/VisuallyHiddenText/index.jsx

Patreon Studio Design System

import styled from 'styled-components';
// As detailed by https://gomakethings.com/revisting-aria-label-versus-a-visually-hidden-class/
/**
 * This component is used to contain text that is read by a screen
 * reader, but not displayed to sighted users.
 **/
export const VisuallyHiddenText = styled.span `
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
`;
//# sourceMappingURL=index.jsx.map