mirror of
https://gh.wpcy.net/https://github.com/elementor/one-click-accessibility.git
synced 2026-04-21 07:09:20 +08:00
* add: icon radius component * add: icon radius component * update: add support for widget radius * fix: minor ui fixes * fix: resolve comments * fix: alignment of the icon * update: add styled components * add: corner radius mixpanel event * fix: corner radius should have default values when no value is set based on icon * fix: icon radius input style * add: accessibility attributes * fix: active states color * add: logic to control invalid inputs * update: make aria attributes translatable * update: styled component names * add: spacing between the components
26 lines
717 B
JavaScript
26 lines
717 B
JavaScript
import SvgIcon from '@elementor/ui/SvgIcon';
|
|
import { useSettings } from '@ea11y/hooks';
|
|
|
|
function AccessibilityPersonIcon({ size }, props) {
|
|
const { iconDesign } = useSettings();
|
|
const strokeColor = `lch(from ${iconDesign?.color || '#fff'} calc((50 - l) * 100) 0 0)`;
|
|
|
|
return (
|
|
<SvgIcon
|
|
viewBox="0 0 19 25"
|
|
fill="none"
|
|
sx={{ marginRight: 0, fontSize: size, paddingRight: '1px' }}
|
|
{...props}
|
|
>
|
|
<path
|
|
d="m4.834 23.375 5-7.5m0 0 5 7.5m-5-7.5v-5m0 0 7.5-2.5m-7.5 2.5-7.5-2.5m8.75-5.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z"
|
|
stroke={strokeColor}
|
|
strokeWidth="3"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
/>
|
|
</SvgIcon>
|
|
);
|
|
}
|
|
|
|
export default AccessibilityPersonIcon;
|