luke-ui/packages/@luke-ui/react/src/visually-hidden/ at main · lukebennett.dev/luke-ui · Tangled

lukebennett.dev / luke-ui

0

[READ-ONLY] Mirror of https://github.com/lukebennett88/luke-ui. luke-ui.netlify.app/

0

luke-ui / packages / @luke-ui / react / src / visually-hidden /

at main 2 files

Luke Bennett Simplify LoadingSpinner around a children loading API (#195) 7d ago

Simplify LoadingSpinner around a children loading API (#195) * Simplify LoadingSpinner around a children loading API * Rename loading prop to isLoading for consistency across components * Refactor LoadingSpinner to use slotted recipe architecture * Add VisuallyHidden component * Switch from render to elementType * Use WCAG clip technique for visually-hidden styles Replace clip-path: circle(0) with the WCAG-standard clip technique (1px clipped box, overflow hidden, white-space nowrap) in both the visuallyHidden recipe and Text's isVisuallyHidden variant. circle(0) left a full-size layout box (overflow risk) and has questionable Safari focus-ring support. * Share visually-hidden style between recipe and Text variant

1 week ago

visually-hidden.stories.tsx

Simplify LoadingSpinner around a children loading API (#195) * Simplify LoadingSpinner around a children loading API * Rename loading prop to isLoading for consistency across components * Refactor LoadingSpinner to use slotted recipe architecture * Add VisuallyHidden component * Switch from render to elementType * Use WCAG clip technique for visually-hidden styles Replace clip-path: circle(0) with the WCAG-standard clip technique (1px clipped box, overflow hidden, white-space nowrap) in both the visuallyHidden recipe and Text's isVisuallyHidden variant. circle(0) left a full-size layout box (overflow risk) and has questionable Safari focus-ring support. * Share visually-hidden style between recipe and Text variant

1 week ago